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