跨域請求之jQuery的ajax jsonp的使用解惑
- 高洛峰原創
- 2017-01-09 10:50:011293瀏覽
直接執行了error方法提示錯誤－ajax jsonp之前並沒有用過，對其的理解為跟普通的ajax請求差不多，沒有深入了解；出現了這種錯誤，幾經調試(檢查後台的程式碼和js部分的屬性設定)還是不行，讓我感覺很是意外和不解。於是，決定仔細研究下ajax jsonp的使用，並將最後測試成功的學習經驗和大家分享下!
首先，貼出可以成功執行的程式碼：
(頁部分)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
$.ajax({
type : "get",
async:false,
url : "ajax.ashx",
dataType : "jsonp",
jsonp: "callbackparam",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(默认为:callback)
jsonpCallback:"success_jsonpCallback",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名
success : function(json){
alert(json);
alert(json[0].name);
},
error:function(){
alert('fail');
}
});
var a="firstName Brett";
alert(a);
});
</script>
</head>
<body>
</body>
</html>(處理程序部分)
<%@ WebHandler Language="C#" Class="ajax" %>
using System;
using System.Web;
public class ajax : IHttpHandler {
public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";
string callbackFunName = context.Request["callbackparam"];
context.Response.Write(callbackFunName + "([ { name:\"John\"} ] )");
}
public bool IsReusable {
get {
return false;
}
}
}(請求抓包截圖)
function success_jsonpCallback(data)
{
success(data);
}更多跨域請求之jQuery的ajax jsonp的使用解惑相關文章請關注PHP惑中文！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn