如何通过 XMLHTTPRequest 中的 javascript 更新 url

Question

我正在尝试更新 javascript 函数中的 URL，例如

http://tmaserv.scem.uws.edu.au/chapters/?n=0
http://tmaserv.scem.uws.edu.au/chapters/?n=1

等等。
我试过使用 for 循环，但没用。

Javascript:

function do_exercise () {
    var x = new XMLHttpRequest();{
        x.open('GET', 'http://tmaserv.scem.uws.edu.au/chapters/?n=0', true);
        x.onreadystatechange = function() {
            if (x.readyState == 4 && x.status ==200) {
                obj = (x.responseText);
                JSON.parse(x.responseText);
                obj = JSON.parse(obj);
                document.getElementById("section1").innerHTML =
            obj.data
            }
        }
        x.send(null);
    }
}

HTML:

<nav>           
    <button onclick="do_exercise();">Next section</button>      
</nav>
<section id = "section1">
    <h1>Heading One</h1>
    <p>Paragraph One.</p>
</section>

Answer 1

你可以这样做：

var requestNum = 0;

function do_exercise () {
    var x = new XMLHttpRequest();
    // adjust the GET URL to reflect the new n value and request as before
    x.open('GET', 'http://tmaserv.scem.uws.edu.au/chapters/?n=' + requestNum, true);
    x.onreadystatechange = function() {
        if (x.readyState == 4 && x.status ==200) {
            obj = (x.responseText);
            JSON.parse(x.responseText);
            obj = JSON.parse(obj);
            document.getElementById("section1").innerHTML = obj.data;
            requestNum++;
        }
    }

    x.send(null);
}

这有意义吗？请注意，我删除了一些花括号，我认为这是这一行的错误 var x = new XMLHttpRequest();{.

我还建议您在 AJAX 请求中使用 jQuery.getJSON，以获得更好的浏览器兼容性和更简洁的代码。

编辑：让我的回答简单得多。感谢罗伯特指出我哪里完全想多了！

如何通过 XMLHTTPRequest 中的 javascript 更新 url

How to update url via javascript in the XMLHTTPRequest

javascript

xmlhttprequest