对jsonp的callback的猜测

jquery jsonp的请求数据:

$.ajax({
		dataType : "JSONP",jsonp : "callback",//请求自动带上callback参数，callback值为jsonpCallback的值  
		jsonpCallback : "test1",//接口服务器应该返回字符串数据格式：test1(JSON数据)  
		type : "POST",url : "http://www.xiuye.com/josnp.do",//接口服务器地址  
		data : {
		/* user : "xiuye" */
		},//请求数据  
		success : function(response) {
			//成功执行  
			console.log(response);
			//alert("jsonp OK");
		},error : function(e) {
			//失败执行  
			alert(e.status + ',' + e.statusText);
		}
	});

test1(json数据)

这个过程中callback的test1是什么?

test1可能是个函数,函数定义是用eval定义的:

eval("function " + callback + "{...}");

callback = "test1"
然后test1的函数就定义成功了

==================跨域请求==================

标签script的src属性可以请求任何地址.

jsonp:

先动态的定义新的callback函数test1

eval("function test1{...}");

请求数据

<script src="http://www.xiuye.com/josnp.do?callback=test1"></script>

"test1(json数据)"

test1(json数据)

动手实践:

前端js代码:

<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript">
	var a = null;
	function test(callback) {
		console.log("execute test ...");
		window.eval("function " + callback + "(data){a = data;alert('jsonp callback 函数已经执行了!')}");
		var s = document.createElement("script");
		s.src = "http://www.xiuye.com/josnp.do?callback=" + callback + "&_="
				+ Math.random();
		
		document.body.appendChild(s);
		
		console.log(s);
	}
	$(function(){
		test("test1");
		console.log("global a = " + a);
	});
</script>

public String test1(){
		return "{msg : 'json no parameter'}";
	}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!