为什么我的 Django jQuery.ajax 响应为空

Question

我试图通过 ajax 调用从 Django 视图调用返回 JSON 响应，如下所示：

var tab = 'test';
var response = $.ajax({
    url: "/" + tab + "/"
}).responseText;

alert(response);

这是我的 Django 视图：

if request.is_ajax() == True:
    req = {}
    req['html'] = '<b>This is a test</b>'
    response = simplejson.dumps(req)
    print response
    return HttpResponse(response, mimetype="application/json")
else:
    return render_to_response("ajax/pingpong.html", {'ajax': ajax})

由于某些奇怪的原因，警报框为空（尽管它没有说未定义）。有趣的是，$.post 和 $.getJSON 在完全相同的 URL 上工作得很好。我还在控制台上看到了预期的 JSON 输出。任何帮助将不胜感激！

Answer 1

除非我弄错了，否则 responseText 不是 $.ajax() 返回的属性。我认为你必须这样做：

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

由于 dataType 参数，成功回调产生的数据是一个普通的 JS 对象。如果您不指定dataType，您将获得包含服务器返回的原始内容的字符串。

Answer 2

您没有将 dataType 参数设置为 json，并且您需要从 success 函数获取 json 对象，请尝试以下操作：

var tab = 'test';
$.ajax({
    url: "/" + tab + "/",
    dataType: "json",
    success: function(json){
        alert(json);
    }        
});

Answer 3

尽管文档声称 ResponseText 将阻止浏览器直到请求完成，但在我看来，您遇到了竞争条件，即您在 XHR 请求完成之前警告变量。你必须做这样的事情：

var complete = function(data) {
    console.log(response.responseText);
}
var tab = 'test';
var response = $.ajax({
    url: "/" + tab + "/",
    dataType: "json",
    success : complete
});

Answer 4

试试这个：

var tab = 'test';
var response = $.ajax({
    url: "/" + tab + "/",
    success: function(data, textStatus) { alert(data); }
});

Answer 5

我遇到了同样的问题，但仅在特定环境下。我想知道你的问题是否相同。我的环境：

1. 运行 Django 的内部网络服务器 (./manage.py runserver 0.0.0.0:8080)
2. 在 Google Chrome 中查看我的网站 (v4.1.249.1025)。

在这种情况下，以下 jQuery 代码大约有一半的时间会导致 data = null, status = "success"。另一半时间它返回数据的有效对象。

$.ajax({
   type:"POST",
   url:"response/"+q.id+"/",
   cache:false,
   dataType:"json",
   data:{response:$(this).val()},
   success:function(data, status) {
     alert(data+","+status);
   }, 
   error:function() {
     $(".main_container").text("Error. Please check your internet connection.");
   } 
});