当前位置: 首页 > 工具软件 > jQuery-JSONP > 使用案例 >

jQuery 中的 jsonp

李胡媚
2023-12-01
jQuery基本使用 $.ajax()
• jQuery 中使用 JSONP 就是将 dataType 设置为 jsonp

<script src="js/jquery-1.12.4.min.js"></script>
  <script>
    $(".btn").click(function () {
      // 发送跨域的 ajax 请求
      $.ajax({
        url: "https://www.baidu.com/sugrec?pre=1&p=3&ie=utf-8&json=1&prod=pc&from=pc_web",
        type: "GET",
        dataType: "jsonp",
        jsonp: "cb",    //这条属性可以设置回调函数的参数名称(必须与后台接口的回调函数参数名保持一致)
        jsonpCallback: "abc", //jQ 自动分配的回调函数的名称进行重命名
        data: {"wd": "ajax"},
        success: function (data) {
          console.log(data)
        }
      })
    })
  </script>

 类似资料: