判断请求头中是否含有该属性来判断是否时ajax请求

最新推荐文章于 2021-03-11 21:02:59 发布

转载最新推荐文章于 2021-03-11 21:02:59 发布 · 1.1k 阅读

文章标签：

#java #ajax #xmlhttprequest #javascript

java 基础专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种不依赖于任何库（如jQuery或YUI），仅使用原生JavaScript来实现AJAX请求的方法。通过定义一个名为cl的函数，该函数创建了一个XMLHttpRequest对象，并配置了POST请求到'ajax2.html'页面。此外，还设置了一个特殊的请求头'HTTP_X_REQUESTED_WITH'以标识这是一个AJAX请求，并在请求完成后显示响应文本。

<html>
<head>
<script language="javascript">

function cl()
{
    var xmlhttp;

    if (window.XMLHttpRequest)
    {
        xmlhttp=new XMLHttpRequest();
    }
    else
    {
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }


    xmlhttp.open("POST","ajax2.html",true);
    xmlhttp.setRequestHeader ("Content-Type","application/x-    www-form-urlencoded");
    //jquery YUI默认会发送一个含有HTTP_X_REQUESTED_WITH的HTTP请求头消息，因此，可以通过判断请求头中是否含有该属性来判断是否时ajax请求
    xmlhttp.setRequestHeader('HTTP_X_REQUESTED_WITH', 'HTTP_X_REQUESTED_WITH');
    xmlhttp.send();

    xmlhttp.onreadystatechange=function()
    {
        if(xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            alert(xmlhttp.responseText);
        }
    }
}

</script>
</head>
<body>
    <input type="button" id="bt" name="bt" value="OK" onclick="cl();" />
</body>
</html>