码迷,mamicode.com
首页 > Web开发 > 详细

jQuery ajax jsonp 使用模型

时间:2016-05-18 21:57:53      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:

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");

 

jQuery ajax jsonp 使用模型

标签:

原文地址:http://www.cnblogs.com/denied/p/5506578.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!