使用xampp时我无法在chrome上调用ajax

时间:2013-12-06 18:37:31

标签: javascript ajax json xampp

我的文件位于C:/ xampp / htdocs目录。

我想打电话

{"name":"john", "age":19.4}
来自

文件

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function ajax_json() {
    var hr = new XMLHttpRequest();
    hr.open("GET", "jsp.js", true);
    hr.setRequestHeader("Content-type", "application/json", true);
    hr.onreadystatechange = function () {
        if (hr.readyState == 4 && hr.status == 200) {
            var data = JSON.parse(hr.responseText);
            var results = document.getElementById("results");
            results.innerHtml = data.name;
        }
    }
    hr.send(null);
    results.innerHTML = "requesting...";
}

</script>
</head>
<body>
<div id="results"></div>
<script type="text/javascript">ajax_json();</script>
</body>
</html>

文件。

当我点击html文件时,它只是写“请求...”然后它应该调用ajax但它不会这样做。实际上我确定所有代码都是真的,因为我在观看ajax教程的同时写了它们,我检查了近100次代码。我每次都出错的地方?所有看过教程的人都表示他们已经实现了它。

注意:我认为如何(.html,.js)和哪里(不是C:/ xampp / htdocs正确目录)应该保存我的文件有什么问题?

1 个答案:

答案 0 :(得分:2)

results.innerHTML = data.name;不是results.innerHtml = data.name; Javascript区分大小写