ajax如何跨域请求

<!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=回调函数名,当不知道回调函数名时,用?代替即可

猜你喜欢

转载自blog.csdn.net/qq_35484341/article/details/66970104