如何调试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操作？

回答

相关问题