jsonp跨域请求接口解决报错问题

最新推荐文章于 2024-06-20 20:55:24 发布

cjxIt

最新推荐文章于 2024-06-20 20:55:24 发布

阅读量367

点赞数

分类专栏： js 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/cjxIt/article/details/126977262

版权

js 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

//这个函数名称对应后端返回jsonp数据格式一致
// ajax请求  jsonpCallback:'param'
function param(data) {
      console.log(data);
 }

//请求参数  
let data={
      name:'张三',
      gender:'女'
   }
  //接口地址
  let getWeixApi = 'https://xxxxxxx/xxxx'
      $.ajax({
        async: false,  //false 同步请求  true 异步请求
        url: getWeixApi,  // 跨域URL
        type: 'get', //请求方式
        dataType: 'jsonp',//jsonp
        jsonp: 'callback', //默认callback
        jsonpCallback: 'param',  //声明
        data: data,
        timeout: 6000,
        beforeSend: function () {  //jsonp 方式此方法不被触发。原因可能是dataType如果指定为 
            jsonp的话，就已经不是ajax事件了
        },
        success: function (result) { //客户端jquery预先定义好的callback函数，成功获取跨域服 
         务器上的json数据后，会动态执行这个callback函数 
          getweixList = result
          getWxinit();
          console.log(1, getweixList);
        },
        complete: function (XMLHttpRequest, textStatus) {
          // $.unblockUI({ fadeOut: 10 }); 
        },
        error: function (xhr) {
          //jsonp 方式此方法不被触发
          alert("获取微信参数失败！");
        }
})