随笔- 1793 文章- 1 评论- 61 阅读- 298万

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

今天发现 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 :

1	`$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>