jQuery 发送一个 jsonp 请求

#####千锋打卡

jQuery 发送一个 jsonp 请求

  • jQuery 也提供给我们发送 jsonp 请求的方式
1. jsonp: 利用 script 标签的 src 属性来请求
2. 返回值: 是一个字符串, 字符串里面写了一个 函数名(后端传递给前端的参数)
  • 使用 $.ajax() 这个方法
1. 必须写的: dataType: 'jsonp'
  • 发送 jsonp 请求
1. jQuery 帮我们准备好了一个函数名, 并且以参数的形式带到了后端
2. jQuery 帮我们带过去的 callback 参数, 就是它准备好的函数名
3. 后端就应该返回一个 jQuery 准备好的函数名()
  • 其他参数
    5. jsonp: ‘’, // => 你带到后端表示你函数名的那个 key, 默认值是 callback
    6. cache: false, // => 当 dataType === ‘jsonp’ 的时候, 默认 cache 就是 false
jQuery 准备好的函数名
    + jQuery34108160883644340862_1582255906750
    + 变量名包含 数字 字母 下划线 $
    + function jQuery34108160883644340862_1582255906750() {}
<script src="./jquery/jquery.min.js"></script>
// 发送一个 jsonp 请求
   $.ajax({
     url: 'http://127.0.0.1/server/jsonp.php',
     dataType: 'jsonp', // 表示我要发送一个 jsonp 请求
     jsonp: 'cb', // 表示参数里面的 cb 属性时我准备好的函数名
     cache: true, // 表示缓存本次请求
     success: function (res) {
       console.log(res)
     }
   })
   ```
      加油千锋,加油武汉,欢迎各位评论指导,谢谢。
发布了2 篇原创文章 · 获赞 7 · 访问量 137

猜你喜欢

转载自blog.csdn.net/zjx_xian/article/details/104503201