如何調試jQuery POST AJAX操作？

我希望來自服務器的數據顯示在<div id="demo">元素中。如何調試jQuery POST AJAX操作？

但有時，它只是出現和去，其他時候，它甚至沒有出現。我搜索並嘗試了很多選項，但沒有爲我工作。

我的代碼是：

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); 
    } 
    }); 
}

來源

2016-04-29 Sreekumar R

從那裏你調用函數loadDoc – Adil

你在控制檯中得到什麼錯誤？每次你對數據警惕？嘗試添加ajax錯誤處理程序 –

我正在調用按鈕元素中的函數loadDoc，但現在我已移至表單元素。另外，添加「返回false」;在函數結束時。有用。感謝編輯。 –

要調試的網站，我建議你塗使用Chrome調試器或generaly瀏覽器的調試非常簡單和有用的。

點擊F12，去ressources，把一個調試點您的生產線，並完成了

來源

2016-04-30 19:50:22

只要打電話給元素，並通過類似文字jQuery的方法設置的內容（參考：.text()）

所以你的代碼在成功將是：

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

也許你可以告訴我，如果它的工作？ :) 迎接！

來源

2016-04-30 19:57:08 Unique

轉到調試器的網絡選項卡，選擇您的請求（new_mark.php），然後檢查響應選項卡。如果出現錯誤，它應該出現在響應中。

例如在Chrome：

來源

2016-04-30 20:55:41 Zhafur

如何調試jQuery POST AJAX操作？

回答

相關問題