javascript - 为何使用ajax插入html代码不显示?

查看:112
本文介绍了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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆