gpt4 book ai didi

ajax - 使用 Firebug 调试 Ajax 代码

转载 作者:行者123 更新时间:2023-12-03 11:54:49 25 4
gpt4 key购买 nike

我在调试 Ajax 调用中返回的代码时遇到了一些问题——特别是在 json 中返回的函数(错误不会被困在 Firefox 中)——直到我开始在 Internet Explorer 中调试这些问题(我认为这是一个与 firefox 相关的问题,因为 Venkman 也没有检测到这些错误)你知道有什么方法可以调试从 Ajax 调用返回的 json 代码吗?

已编辑 03/04/2009 15:05

感谢大家的回复,但我认为我解释得不够好。我对 Firebug 的了解足以进行基本调试,但是当我在 Ajax 调用中获取一些有问题的代码时,就会出现问题。假设我们有以下 HTML 文件(您需要在同一文件夹中使用原型(prototype)才能使其正常工作):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script type="text/javascript" src="prototype.js"></script>
</head>
<body>
<script>
function ajaxErrorTest()
{
new Ajax.Request('data.json', {
'method': 'get',
'onSuccess': function(data){
if(data.responseJSON.func)
data.responseJSON.func();}});
}
</script>
<input type="button" value="test" onclick="ajaxErrorTest();" />
</body>
</html>

然后,data.json 文件的内容是这样的:
{'func':function(){console.log('loaded...');alert('hey');}}

如果您在浏览器中加载页面并单击“测试”按钮(一切顺利),您将在控制台中看到一些内容,以及一个显示“嘿”的警报框。现在将 data.json 文件更改为:
{'func':function(){console.log('loaded...');alerts('hey');}}

...并再次单击“测试”按钮(无需重新加载页面;-)
你得到控制台线,但没有警告框......而且没有错误!!!这是我要调试的那种错误。

最佳答案

尝试单击“控制台”面板(它是一个选项卡)并启用它。您会发现任何 HTTP 请求都将与它们包含的任何信息一起被捕获。我使用它来查看存储在请求中的任何 JSON 以及任何错误(500/404/等)。

另请注意,您必须在每个域的基础上启用控制台面板。通常有三个子选项卡:标题、帖子和响应。当我调试我的 AJAX 时,我通常会经常使用 post/response 选项卡。

关于ajax - 使用 Firebug 调试 Ajax 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/606794/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com