我的Ajax通话有什么问题？

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

检查您的url数据，您是否以对象格式获取ID，并且您尝试访问ID，而不是任何URL，请尝试

document.getElementById("dropDown").value;

我的Ajax通话有什么问题？

问题描述

2 个解决方案

解决方案1
2 2014-07-21 04:55:48

解决方案2
1 已采纳 2014-07-21 04:57:28

我的Ajax通话有什么问题？

问题描述

2 个解决方案

解决方案1 2 2014-07-21 04:55:48

解决方案2 1 已采纳 2014-07-21 04:57:28

解决方案1
2 2014-07-21 04:55:48

解决方案2
1 已采纳 2014-07-21 04:57:28