ajax原生函数

最新推荐文章于 2021-08-06 17:39:45 发布

weixin_33853827

最新推荐文章于 2021-08-06 17:39:45 发布

阅读量94

点赞数

CC 4.0 BY-SA版权

文章标签： php python javascript ViewUI

原文链接：https://my.oschina.net/wojibuzhu/blog/60359

本文介绍了两种使用原生JavaScript实现AJAX请求的方法，包括GET和POST请求，并提供了具体的代码示例。

2019独角兽企业重金招聘Python工程师标准>>>

1.ajax原生函数

function InitAjax()
{
    var ajax=false;
    try {
        ajax = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
        try {
            ajax = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (E) {
            ajax = false;
        }
    }
    if (!ajax && typeof XMLHttpRequest!='undefined') {
        ajax = new XMLHttpRequest();
    }
    return ajax;
}
 
var ajax = InitAjax();
ajax.open("GET", url, true);
ajax.onreadystatechange = function() {
    if (ajax.readyState == 4 && ajax.status == 200) {
        var show = document.getElementById("divid");
        show.innerHTML = ajax.responseText;
    }
}
ajax.send(null);

方法二

function_post(Url, Args)
{
var xmlhttp;
var error;
if(window.XMLHttpRequest){

xmlhttp =newXMLHttpRequest();
}elseif(typeofActiveXObject !="undefined"){
eval('try {xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) {xmlhttp = null;error=e;}');
}
if(typeof(Args)=='undefined'){ Args ='null=true';}
if(null!= xmlhttp)
{
xmlhttp.open("POST", Url,false);
xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlhttp.send(Args);
strText = xmlhttp.responseText;
}
returnstrText;
}

使用方法很简单，方法如下：

这样，_post函数返回了ajax.php的输出结果。

ajax.php页面的内容大致可以这样写：

<?php
header("Content-type: text/xml; charset=gb2312");
echo 'This a string.';
?>

转载于:https://my.oschina.net/wojibuzhu/blog/60359