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

标签 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 正确的目录)有问题吗?

最佳答案

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

关于javascript - 我在使用 xampp 时无法在 chrome 上调用 ajax,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20431189/

相关文章:

javascript - React Native 在多个同时运行的 Android 模拟器上运行

javascript - $_POST 大字符串卡住

jQuery Mobile 1.3.0 - 对话框窗口不会在通过 AJAX 加载页面时打开

java - 检测 JSON 文档中的对象类型

javascript - 如何使用 JavaScript 读取 Json 中的数组

javascript - 显示 PHP 代码的 HTML 预订表单日期字段

javascript - 从输入中提取图像

javascript - 在 JavaScript 中将变量的属性和值添加到现有对象

ajax - 决定是使用简单的 HTTP 请求还是 WebSockets

python - Scrapy:如何解析 JSON 响应?