ajax如何跨域请求

最新推荐文章于 2021-08-05 13:02:30 发布

孤独--患者

最新推荐文章于 2021-08-05 13:02:30 发布

阅读量154

点赞数

分类专栏： ajax

本文链接：https://blog.csdn.net/qq_35484341/article/details/66970104

版权

ajax 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script src="http://apps.bdimg.com/libs/jquery/1.8.1/jquery.js"></script>
</head>
<body>
  <select name="" id="select">
    
  </select>
  <script>
    $(function(){
      $.ajax({
        type:'get',
        url:'http://search.mi.com/search/expand?keyword=%E5%B0%8F%E7%B1%B3&jsonpcallback=?',
        dataType:'jsonp',
        success:function(data){
          for(i=0;i<data.length;i++){
            $('#select').append("<option value='"+data[i].Key+"'>"+data[i].Key+"</option>");
          }
        }
      })
    })
  </script>
</body>
</html>

上面的代码是简单利用跨用请求了小米商城搜索下拉的数据，从中可以看出跨域请求和普通的两个区别：

1.dataType设置成jsonp格式。

2.url后面加个jsonpcallback=回调函数名，当不知道回调函数名时，用？代替即可

优惠劵

孤独--患者

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax如何跨域请求

Document $(function(){ $.ajax({ type:'get', url:'http://search.mi.com/search/expand?keyword=%E5%B0%8F%E7%B1%B3&jsonpcallback=?', dataType:'jsonp',
复制链接

扫一扫