Question

我正在尝试对本地json文件进行简单的Ajax调用，并且我的函数每次都返回错误条件。我知道问题不是它是一个文件系统调用，我上传它并得到相同的结果。这是我的代码：

<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<link rel="stylesheet" href="AjaxStyle.css" type="text/css"/>
<script src="jquery-2.1.1.js"></script>
<script src="jquery.validate.js"></script>

<title>
Bryan's AJAX page
</title>
</head>
<body>
<h1>Welcome to my AJAX page!</h1>

<div id="menu">
<select id="dropDown">
    <option value="Roberto.json">Roberto</option>
    <option value="Luisa.json">Luisa</option>
    <option value="404_Error.json">404 error</option>
</select><br><br>
<input type="submit" id="Display" value="Display"></input>

<script type="text/Javascript">

$("#Display").click(function () {
    alert("Click handler called");

    $.ajax({
        url: (document.getElementById("dropDown")),
        dataType: "json",
        type: "GET",
        success: function (result) {
            alert(jqXHR.responseJSON);
        },
        error: function () {
            alert("error");
        }
    });
});    

</script>

</div><br>

<div id="other">
<h2>Other page content</h2>
</div>

</body>
</html>

Answer 1

您必须使用下拉列表的值。

(document.getElementById("dropDown"))

这一定是

$("#dropDown").val()

Answer 2

检查你的网址数据，你得到了对象格式的id，而你正试图点击id而不是任何URL 试试这个

document.getElementById("dropDown").value;

我的Ajax调用有什么问题？

2 个答案: