Question

这是我的剧本：

$.ajax({ 
    type: "Get", 
    url: "Sample.js",
    datatype: 'json', 
    data: JSON.stringify({ key:key }), 
    success: function (data) { 
        var sample = data.name; 
        $("#html").html(sample); 
    }, 
    error: function () {
        alert("Error"); 
    }
});

这是我的Sample.js文件：

{ "name": "user" }

当我运行此代码时，我得到一个空白屏幕。这是我使用getJSON()的脚本：

$.getJSON("Sample.js", function (data) { 
    var sample = data.name; 
    $("#html").html(sample); 
})

这会产生＆＃34;用户＆＃34;完美。 $.ajax代码有什么问题？

Answer 1

正如jQuery documentation所述：

$.ajax({
    dataType: "json",
    url: url,
    data: data,
    success: success
});

尝试修改dataType参数。

Answer 2

在getJSON版本中，您不会发送任何数据。这可能是有效的原因吗？对我来说，看起来这可能是......在传递key参数时，在服务器端传递空JSON对象。

Answer 3

将您的datatype更改为dataType。它区分大小写。请参阅http://api.jquery.com/jQuery.getJSON/

删除JSON.Stringify并将Get更改为GET

$.ajax(
   { type: "GET", 
     url: "Sample.js", 
     dataType: "json",
     data: {key:key }, 
     success: function (data) 
      { var sample = data.name; $("#html").html(sample); }, 
     error: function () { alert("Error"); }}
);

如何从AJAX调用json对象？

3 个答案: