如何调试jQuery POST AJAX操作？

Question

我希望来自服务器的数据显示在<div id="demo">元素中。

但有时候，它只是出现和消失，有时甚至没有显现出来。我搜索并尝试了很多选项，但没有什么对我有用。

我的代码是：

 function loadDoc(){     
   document.getElementById("demo").innerHTML = "Paragraph changed!";
   alert("hello world");
   $.ajax({
     type:'POST',
     url :"new_mark.php",
     data :"regno=u4cse13xxx",
     success: function(data) {          
        //$("demo").html = "Narayana!";
        document.getElementById("demo").innerHTML = data;
        alert(data);
     }
   });
 }

Answer 1

要调试网站，我建议您使用Chrome调试器，或者通常使用浏览器调试器，这非常简单实用。

单击F12并转到ressources并在您的行上放置一个调试点并完成

Answer 2

只需调用Element并通过类似文本的jquery方法设置内容（参考：.text()）

所以你成功的代码将是：

success: function(data) {          
    $("#demo").text(data);
 }

也许你可以告诉我它是否有效？ :) 迎接！

Answer 3

转到调试器的“网络”选项卡，选择您的请求（new_mark.php），然后选中“响应”选项卡。如果出现错误，它应该出现在响应中。

例如在Chrome中：