js 中ajax请求时设置 http请求头中的x-requestd-with= ajax

浏览数：230 / 时间：2015年06月09日

今天发现 AngularJS 框架的$http服务提供的$http.get() /$http.post()的ajax请求中没有带 x-requested-with字段。

这样的话，后端的php 就无法判断接受的http请求是否是 ajax请求了。

怎么办呢，显然就是给http 请求头中加上这个字段就可以了。

1、AngularJS 中可以这样子：

I don‘t know well MVC3 but you can set a custom header for all request from AngularJS.

Then on server side you just have to get this header and do what you want with request from angular.

To have custom header in AngularJS just do this :

angular.module(‘myModule‘, [])

    .config([‘$httpProvider‘, function($httpProvider) {

        $httpProvider.defaults.headers.common["FROM-ANGULAR"] = "true";

    }])

For use the X-Requested-With you have to do this too :

$httpProvider.defaults.headers.common["X-Requested-With"] = ‘XMLHttpRequest‘;

　　It‘s not set by default anymore because a lot part of the community have to delete this header to enable CORS request

2、JQuery 的 ajax方法同样提供了设置 http请求头的方法;

<html>
<head>
    <script src="./js/libs/jquery/jquery-1.11.2.min.js"></script>
</head>
<body>
<script>
    window.onload= function(){
        alert(‘123  ‘);
        $.ajax({
            beforeSend : function (XMLHttpRequest) {
                XMLHttpRequest.setRequestHeader("aadfasdfsdfasdsasasdcccc","ajax");
            },
            url: "test.html",
            context: document.body
        })
    }

</script>
</body>
</html>

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

js 中ajax请求时设置 http请求头中的x-requestd-with= ajax