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

最新推荐文章于 2022-04-19 13:42:05 发布

weixin_34185512

最新推荐文章于 2022-04-19 13:42:05 发布

阅读量430

点赞数

文章标签： javascript 后端 php ViewUI

今天发现 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.οnlοad= function(){
        alert('123  ');
        $.ajax({
            beforeSend : function (XMLHttpRequest) {
                XMLHttpRequest.setRequestHeader("aadfasdfsdfasdsasasdcccc","ajax");
            },
            url: "test.html",
            context: document.body
        })
    }

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

weixin_34185512

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
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 M...
复制链接

扫一扫