使用XMLHttpRequest加载Google Charts示例会将页面变为白色

Question

我们有一个使用XMLHttpRequests的页面，并尝试根本不重新加载页面。用户登录后应加载图表。这是主页：http://pastebin.com/h55Vzuvy 以下是我们作为图表加载的内容：http://pastebin.com/zDZr3bb6

我意识到调用函数来加载chart.php的代码在这里没有显示，但它工作正常，只是调用主页面标题中的xmlhttpGet函数。

加载的页面会评估Javascript，因为我可以发出警报并弹出，但图表根本无法加载。有什么想法吗？

此外，当我点击加载图表文件时，Chrome JS调试器会这样说。我已经进行了三次检查以确保将div名称传递给变量，并且仅在加载图表页面时才会出现错误。

Uncaught TypeError: Cannot set property 'innerHTML' of null
sethtml
callBackFunction
xmlHttpReq.onreadystatechange

Answer 1

乍一看看起来很不错，但这一行：

document.getElementById(div).innerHTML=content;

看起来这就是你遇到问题的地方。很可能'div'（此时应该是'auth_status'的id）没有设置正确，或者DOM被修改并且在auth_status div中被破坏。

我建议测试：

console.log("id: " + div);

在此之前的那一行（所以，第66行）。如果它显示“auth_status”作为您期望的ID，那么我会尝试在firebug / chrome js控制台中输入：

document.getElementById(div)

确保它仍然在DOM中。祝你好运！