Question

目前我正在开展这个项目，我必须使用JQuery从Web API获取信息到Web应用程序。

<script src="jquery-1.11.2.js"></script>
<script src="jquery-1.11.2.min.js"></script>
<script type="text/javascript">

$(document).ready(function () {
        jQuery.support.cors = true;
        $("#btn").click(function () {
            $.ajax({
                url: "http://localhost:52227/api/Values",
                type: "GET",
                dataType: "json",
                success: function (data) {
                    alert("hello");
                }
            });
        });
    });
</script>

<body>
<form id="form1" runat="server">
<div>
    <input type="button" id="btn" value="submit" />
</div>
</form>

当我运行此应用程序时，它没有显示任何输出。

Answer 1

您提供的代码在语法上是正确的。 get请求很可能失败，并且您没有为请求提供错误函数。您可以像这样添加错误回调

$.ajax
(
{
    url: "http://localhost:52227/api/Values",
    type: "GET",
    dataType: "json",
    success: function (data) {
        alert("hello");
    },
    error: function (data) {
        alert("test");
    }
}
)

这是一个JSFiddle，显示它正在运行。

http://jsfiddle.net/1mqotn6v/2/

无法使用jquery从json文件中获取数据

1 个答案: