如何調試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中：