jq前端解决跨域问题(使用jsonp方式)

原因:

  • 不同域名或端口导致的js跨域问题
  • jsonp不是ajax请求,浏览器不会验证跨域问题

使用jsonp方式请求可以解决跨域问题

jq代码

$.ajax({
     url:url_path, //url路径
     type:'post',
     async:true,
     dataType: "jsonp", // 设置服务器返回jsonp格式数据
     data:data_str, // 发送的数据
     success:function(result){
         // 返回后的回调函数
     }
 });

php后台代码

    public function online() {
    	// $_GET['callback']为jsonp自动传递的参数,可在jq的请求中看到
        echo $_GET['callback'].'({
            "code": "00",
            "msg": "提示信息"
        })';
    }

返回的jsonp数据

//格式
return callback + "(" + json_str + ")";
//例子
jQuery22407707975361842749_1600674229410({code: "00", msg: "提示信息"})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值