jQuery ajax jsonp 使用模型

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");
时间: 2024-10-20 22:33:56

jQuery ajax jsonp 使用模型的相关文章

JQuery+ajax+jsonp 跨域访问

Jsonp(JSON with Padding)是资料格式 json 的一种“使用模式”,可以让网页从别的网域获取资料. 关于Jsonp更详细的资料请参考http://baike.baidu.com/view/2131174.htm,下面给出例子: 一.客户端 Html代码   <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.

jquery ajax jsonp跨域调用实例代码

今天研究了AJAX使用JSONP进行跨域调用的方法,发现使用GET方式和POST方式都可以进行跨域调用,这里简单分享下,方便需要的朋友 客户端代码 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApp.WebForm1" %><!DOCTYPE html P

跨域访问:jquery ajax jsonp的实现方法(jsp和action方式)

[javascript] <mce:script language="javascript"><!-- $(function(){ $.ajax({ type: "get", url: "www.sssss.com/ddd.do", data: { area : "ddd", areaid : "2", categorySz : ["", "", &

JQuery Ajax jsonp

$.ajax({ method:"POST", url:"http://localhost:8081/ChenLei/PeopleServlet", data:{"userName":"zhangsan"}, dataType:"jsonp", jsonpCallback:"callback", //jsonpCallback是实现跨域请求的时候定义回调函数用的 success:func

jquery ajax跨域的完美解决方法(jsonp方式)

ajax跨域请求的问题,JQuery对于Ajax的跨域请求有两类解决方案,不过都是只支持get方式,接下来为大家详细介绍下客户端JQuery.ajax的调用代码 今天在项目中需要做远程数据加载并渲染页面,直到开发阶段才意识到ajax跨域请求的问题,隐约记得Jquery有提过一个ajax跨域请求的解决方式,于是即刻翻出Jquery的API出来研究,发 JQuery对于Ajax的跨域请求有两类解决方案,不过都是只支持get方式.分别是JQuery的 jquery.ajax jsonp格式和jquer

你不知道的jQuery Item11 -- ajax jsonp跨域方法详解

文章从JSON和JSONP区别开始讲起,用实例来对比他们之间的不同之处,然后详细讲解了jQuery中的ajax jsonp的使用并给出了示例及详细参数说明. 1.JSON和JSONP JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,用于在浏览器和服务器之间交换信息. JSONP(JSON With Padding),就是打包在函数调用中的的JSON(或者包裹的JSON),你要跨域请求别人的东西,你肯定要包裹起来,不要污染了别人的东西,把Json数据包裹

jquery Ajax 通过jsonp的方式跨域提交表单

Jquery Ajax可以通过jsonp的方式跨域提交表单,至于什么是跨域提交简单说就是你的客户端和服务端不在同一个域名下或端口号不同也可以叫做跨域. 前台代码: $.ajax({ type : 'get', async: false, url : '${pageContext.request.contextPath}/clue/uploadForm', dataType : 'jsonp', data: { mydata : JSON.stringify(obj,fm), formId : f

跨域请求之jQuery的ajax jsonp的使用解惑

转自:http://www.cnblogs.com/know/archive/2011/10/09/2204005.html 前天在项目中写的一个ajax jsonp的使用,出现了问题:可以成功获得请求结果,但没有执行success方法,直接执行了error方法提示错误——ajax jsonp之前并没有用过,对其的理解为跟普通的ajax请求差不多,没有深入了解:出现了这种错误,几经调试(检查后台的代码和js部分的属性设置)还是不行,让我感觉很是意外和不解.于是,决定仔细研究下ajax jsonp

jQuery源码分析系列(35) : Ajax - jsonp的实现与原理

ajax的核心是通过XmlHttpRequest获取非本页内容,而jsonp的核心则是动态添加<script>标签来调用服务器提供的js脚本 json核心就是:允许用户传递一个callback参数给服务端,然后服务端返回数据时会将这个callback参数作为函数名来包裹住JSON数据,这样客户端就可以随意定制自己的函数来自动处理返回数据了. jquery ext dojo这类库的实现手段其实大同小异 在同源策略下,在某个服务器下的页面是无法获取到该服务器以外的数据的,但img.iframe.s