JQUERY的AJAX中 get()、post()的跨域方法

2 篇文章 0 订阅

get()请求:

        $.ajax({
        type: "get",
        url: "你的请求地址",
        dataType: 'jsonp', //【jsonp进行跨域请求 只支持get】
        data:{ //【这里填写是传给服务端的数据 可传可不传 数据必须是json格式】
            "a":"b",
            "c":"d"
        },
        success: function(data) { //【成功回调】
            console.log(data);
        },
        error: function(xhr, type) { //【失败回调】
        }
        });

post()请求:

【在进行跨域前,你需要知道的东西】:用ajax进行跨域请求,很多人就知道jsonp,然而很多人根本就不知道使用ajax跨域同时使用jsonp只能支持get方式请求,如果你进行post请求会执行error,并且返回readyState=4同时status=200

        $.ajax({
            type:"post",
            url:"你的请求地址",
            data:{ //【这里填写是传给服务端的数据 可传可不传 数据必须是json格式】
                "a":"b",
                "c":"d"
            },
            dataType:'json',  //【这里要小心啊,不要用jsonp,一定是json】
            crossDomain: true,  //【这个很重要,一定要加】
            success:function(result){
                console.log(result);
            },
            error:function(result){
                console.log(result);
            }
        });

(服务器端代码):就是后台语言端(这里我以php为例)
在你执行所有操作之前加上它,使用的框架的建议放在框架的入口文件的最前面

        header('Access-Control-Allow-Origin: *');
        header('Access-Control-Allow-Methods: POST');
        header('Access-Control-Max-Age: 1000');
  • 4
    点赞
  • 26
    收藏
    觉得还不错? 一键收藏
  • 6
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值