jQueryAjax应用实例解析大全.docVIP

jQueryAjax应用实例剖析大全 jQueryAjax应用实例剖析大全 jQueryAjax应用实例剖析大全 jQueryAjax应用解读 jQuery的确是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在必然程度 上改变了我们写JavaScript代码的习惯。 我们先来看一些简单的方法，这些方法都是对jQuery.ajax(进行封装以方便我们使用的方法 ，自然，假如要办理复杂的逻辑，还是需要用到jQuery.ajax(的(这个后边会说到. load(url,[data],[callback]：载入远程HTML文件代码并插入至 DOM中。 url(String:央求的HTML页的URL地址。 data(Map:(可选参数发送至服务器的key/value数据。 callback(Callback:(可选参数央求完成时(不需假如success的的回调函数。 这个方法默认使用 方式来传达的，假如[data]参数有传达数据进去，就会自动变换为 中，可以指定选择符，来优选载入的HTML文档，DOM 代码。语法形如url#someselector。 这个方法可以很方便的动向加载一些HTML文件，比方表单。 示例代码：  GET POST方式的。 中将仅插入优选出的HTML $(.ajax.load.load(.post, function(responseText,textStatus,XMLHttpRequest{ this。//在这里this指向的是当前的DOM对象，即$(.ajax.load[0]//alert(responseText。//央求返回的内容//alert(textStatus。//央求状态：success，error //alert(XMLHttpRequest。//XMLHttpRequest对象 }。 这里将显示结果。 注：不知道为何  URL写绝对路径在  FF下会犯错，知道的麻烦告诉下。下边的  get(和post( 示例使用的是绝对路径，因此在  FF下你将会犯错其实不会看到返回结果。  还有get(和post( 示例都是跨域调用的，发现传上来后没方法获得结果，因此把运转按钮去掉了。 (url,[data],[callback]：使用GET方式来进行异步央求 参数： url(String:发送央求的URL地址. data(Map:(可选要发送给服务器的数据，以 的键值对形式表示，会做为QueryString附带到央求URL中。  Key/value callback(Function  :  (可选 载入成功时回调函数这是一个简单的  (只有当Response的返回状态是 GET  success才是调用该方法。 央求功能以取代复杂 $.ajax  。央求成功时可调用回调函数。假如需要在犯错时执行函数，请使用 $.ajax。示例代码： $.get(./Ajax.aspx,{Action:get,Name:lulu},function(data,textStatus{ //返回的data可以是xmlDoc,jsonObj,html,text,等等. this。//在这里this指向的是Ajax央求的选项配置信息，请参照以以下图alert(data。 //alert(textStatus。//央求状态：success，error等等。 自然这里捕获不到error，由于error的时候根本不会运转该回调函数 //alert(this。 }。 点击发送央求： jQuery.get(回调函数里面的this，指向的是Ajax央求的选项配置信息： 3. ( url, [data], [callback], [type]：使用POST方式来进行异步央求 参数： url(String:发送央求的URL地址. data(Map:(可选要发送给服务器的数据，以 Key/value 的键值对形式表示。 callback(Function : (可选 载入成功时回调函数 (只有当Response的返回状态是success才是调用该方法。 type (String : (可选官方的说明是：Type of data to be sent。其实应该为客户端央求的种类 (JSON,XML,等等 这是一个简单的 POST 央求功能以取代复杂 $.ajax 。央求成功时可调用回调函数。假如需要在犯错时执行函数，请使用 $.ajax。示例代码： Ajax.aspx： Response.ContentType=application/json。 Response.Write({result:+Request[Name]+,你好！(这信息来自服务器}。 jQuery代码： $.post(Ajax.aspx,{