JQuery JSONP跨域訪問數據回調通知

Javascript跨域回調,和傳統JQuery Ajax有些區別。前端後臺需要同時進行改寫。

前端:

$(document).ready(function(){
			var url = "http://hostname/model-art-code";
			$.ajax({
	    		type : "GET", 
	    		async: false,
	    		url : url, 
				dataType: 'jsonp',
				jsonp: "callback",
				jsonpCallback:"success_jsonpCallback",
	    		success : function(json){
	    			console.log('success='+json.code);	    			    			
	    		},
				error:function(err){
					console.log('fail'+err);
				}
	    	});
		});

 Nodejs後臺:

res.writeHead(200,{'Content-Type':'application/json;charset=utf-8'});
res.write('success_jsonpCallback'+'({ code:\"value值\"})');
res.end();

 其中服務器端success_jsonpCallback爲客戶端jsonpCallback傳入的參數

發佈了162 篇原創文章 · 獲贊 1 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章