如何调试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中：