javascript - 为何使用ajax插入html代码不显示?
本文介绍了javascript - 为何使用ajax插入html代码不显示?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script>
window.onload=function()
{
var oA = document.getElementsByTagName('a');
for(var i=0;i<oA.length;i++)
{
oA[i].onclick=function()
{
if(window.XMLHttpRequest)
{
var oAjax = new XMLHttpRequest();
}
else
{
var oAjax = new ActiveXObject("Microsoft.XMLHTTP");
}
oAjax.open("GET","htmlcsnr.html"+"?t="+new Date(),true);
oAjax.send();
oAjax.onreadystatechange=function()
{
if(oAjax.readyState == 4)
{
if(oAjax.status == 200 && oAjax.status == 304)
{
document.getElementById('cr').innerHTML = oAjax.responseText;
}
}
}
return false;
}
}
}
</script>
<title>Document</title>
</head>
<body>
<a href="htmlcsnr.html">haha</a><br/>
<a href="htmlcsnr.html">hehe</a><br/>
<a href="htmlcsnr.html">xixi</a><br/>
<div id="cr" style="border:1px solid red;width: 500px;height: 80px;">
</div>
</body>
</html>
需要插入的htmlcsnr.html里网页内容
<h1>Hello World!</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis nesciunt officia odio quia, dolorum quo porro ipsum similique, nihil nemo perspiciatis veritatis vitae, totam ad minus quas. Facere, eaque, inventore!</p>
请问为何不能插入到html最后的div中去? 我看了ajax返回的是200 已经成功了,但是用innerHTML插入不显示
解决方案
if
判断有问题 alert
一下 看if
执行没
怎么可能status
即等于200又等于304 你写的是&
与
应该是||
或吧
这篇关于javascript - 为何使用ajax插入html代码不显示?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文