ajax下拉联动源码,AJAX级联,AJAX联动

最新推荐文章于 2025-08-21 21:29:08 发布

Defonds

最新推荐文章于 2025-08-21 21:29:08 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

文章标签： ajax xmlhttprequest function div class url

本文链接：https://blog.youkuaiyun.com/defonds/article/details/4065383

本文介绍了一个使用Ajax进行数据加载的示例代码。该示例展示了如何创建XMLHttpRequest对象，并通过POST请求从指定URL获取数据。同时，文章还介绍了如何在页面上显示加载提示以及最终的响应结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var xmlHttp;
function CreateXmlHttp()
{
    try{xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");}
    catch(e){try{xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");}
    catch(e){try{xmlHttp=new XMLHttpRequest();}
    catch(e){xmlHttp=false;}}}
}
function AjaxProcess(url,id)
{
    CreateXmlHttp();
    xmlHttp.open("POST",url);
    xmlHttp.onreadystatechange=function()
    {
        $(id).innerHTML="<div class='resear'><div style='background:url(images/loader.gif) no-repeat 15px center;padding:20px;text-indent:25px;color:#009900;font-size:14px; font-weight:bold;'>数据加载中,请稍候...</div></div>"
        if(xmlHttp.readyState==4)
        {
            $(id).innerHTML="<div class='resear'>"+xmlHttp.responseText+"</div>";
        }
    }
    xmlHttp.send(null);
}