jQuery ajax jsonp 使用模型

Posted 2020-07-08

jQuery对ajax的支持

 $.ajax({ //json形式数据
	url:        "DemoServlet",
	method:     "post",
	data:{  //此处表示向服务器端传递的参数
		msg: "msg的数据"
		did: "did的数据"
	},
	dataType:   "text",  //"xml"  "json"  //服务器端处理后的响应方式
	success: function(data){ //如果 xml则data数据类型为dom对象数据，如果是text则是文本数据
		//进行相关的事务处理
	},
	error: function(){
		//进行错误的事务处理
	} 

})

jQuery对ajax的简化操作

$.get(url, {param:value , ……}, function(data){ }, "json")
$.post(url, {param:value , ……}, function(data){ }, "json")

 

实现数据的跨域访问：使用JSONP技术
1、jQuery使用原生ajax对jsonp的支持

$.ajax({
	url: "",
	method: "",
	data:{
		msg: msgData,
		id: idData
	},
	dataType: "jsonp" ,  //  jsonp  使用jsonp跨域访问模式
	jsonp: "jsonpcallback" ,  //传送jsonp标识
	success: function(data){
		
	},
	error: function(){
		
	}
})

2、jQuery对jsonp支持的简化操作

$.getJSON(url, { msg: msgData, id: idData }, function(data){ //回调处理函数 }, "json");