今天在/q/10...上看到第一個(gè)答案上淘寶有個(gè)手機(jī)號(hào)的api,於是在本地寫了個(gè)html文件發(fā)ajax請(qǐng)求到這個(gè)api.但是提示跨域報(bào)錯(cuò).沒處理過這種問題,該怎麼解決呢?麻煩貼上代碼哦~小白在此非常感謝~
可以通關(guān)JSONP方式進(jìn)行跨域
<script>
$(document).ready(function(){
$("#search").click(function(){
$.ajax({
type: "GET",
url: "http://127.0.0.1:8000/ajaxdemo/serverjsonp.php?number=" + $("#keyword").val(),
dataType: "jsonp",
jsonp: "callback",
success: function(data) {
if (data.success) {
$("#searchResult").html(data.msg);
} else {
$("#searchResult").html("出現(xiàn)錯(cuò)誤:" + data.msg);
}
},
error: function(jqXHR){
alert("發(fā)生錯(cuò)誤:" + jqXHR.status);
},
});
});
$("#save").click(function(){
$.ajax({
type: "POST",
url: "http://127.0.0.1:8000/ajaxdemo/serverjsonp.php",
data: {
name: $("#staffName").val(),
number: $("#staffNumber").val(),
sex: $("#staffSex").val(),
job: $("#staffJob").val()
},
dataType: "json",
success: function(data){
if (data.success) {
$("#createResult").html(data.msg);
} else {
$("#createResult").html("出現(xiàn)錯(cuò)誤:" + data.msg);
}
},
error: function(jqXHR){
alert("發(fā)生錯(cuò)誤:" + jqXHR.status);
},
});
});
});
</script>
這是之前寫的應(yīng)用jsonp跨域的測(cè)試文件,你可以參考