JQuery中的ajax的相关方法(1)
来源:互联网 发布:cf活动领枪软件 编辑:程序博客网 时间:2024/06/04 18:13
JQuery中的ajax的相关方法(1)
JQuery对Ajax操作进行了封装,$.ajax()方法属于最底层的方法,第2层是load()、$.get()、$.post()方法,第3层是$.getScript()和$.getJSON()方法。
load()方法
描述
可以载入远程HTML代码并插入DOM中。
load(url, [data], [callback])
url为请求HTML页面的URL地址,data为发送至服务器的key/value数据,callback为请求完成时的回调函数,无论请求成功或失败。
还可以筛选载入的HTML文档:为URL参数指定选择符。
load()方法的URL参数的语法结构为“url selector”。如果URL参数的字符串中包含一个或多个空格,那么第一个空格后面的内容,会被当成是jQuery 的选择器,从而决定应该加载返回结果中的哪部分内容。
传递方式
load()方法的传递方式根据参数data来自动指定。默认采用GET方式传递;如果有参数传递,则会自动转换为POST方式。
//无参数传递,为GET方式$("#resText").load("test.php",function(){ // body...});//有参数传递,为POST方式$("#resText").load("test.php",{name:"rain", age:"22"},function () { // body...});
回调函数
对于必须在加载完成后才能继续的操作
callback(responseText, textStatus, XMLHttpRequest)
responseText为请求返回的内容,textStatus为请求状态(success、error、notmodified、timeout4种),XMLHttpRequest为一个XMLHttpRequest对象。
注意:在load()方法中,无论Ajax请求是否成功,只要当请求完成(complete)后,回调函数就被触发。
$.get()方法和$.post()方法
load()方法通常用来从Web服务器上货去静态的数据文件。如果需要传递一些参数给服务器中的页面,就可以使用$.get()和$.post()方法(或者$.ajax())。
$.get()方法
$.get()方法使用GETR方式来进行异步请求。
$.get(url, [data], [callback(data, textStatus, jqXHR)], [dataType])\\url: 请求HTML页面的URL地址\\data: 发送至服务器的key/value数据\\callback(): 载入成功时的回调函数\\dataType: 服务器端返回内容的格式,包括xml、html、script、json、text和_default
回调函数callback(data,textStatus,jqXHR)中,data为返回的内容,可以是XML文档、JSON文件、HTML片段等等,textStatus为请求状态(success、error、notmodified、timeout)。
$.post()方法
用ajax传递一个表单并把结果在一个div中
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="jquery.js"></script></head><body> <form action="#" id="usrForm"> <input type="text" name="usrname" placeholder="请输入用户名"> <input type="submit" value="OK"> </form> <div id="result"> </div> <script type="text/javascript"> $(funciton(){ $("#usrForm").submit(function(event){ //防止重复点提交按钮 event.preventDefault(); var url = $("#usrForm").attr("action"); $.post(url,{ usrname: $(this).find("input[name=usrname]").val(); },function(data,textStatus){ var content = $( data ).find("#content"); $("#result").empty().append(content); } }); }); </script></body></html>
$.getScript()方法和$.getJson()方法
$.getScript()方法
使用一个HTTP GET请求从服务器加载并执行一段JavaScript代码。
$.getScript( url [, success(script, textStatus, jqXHR) ] )
success()为回调函数,在JavaScript文件成功载入后运行。
$.getJson()方法
使用一个HTTP GET请求从服务器加载JSON编码的数据。
jQuery.getJSON( url [, data ] [, success(data, textStatus, jqXHR) ] )
如果URL包含字符串“callback=?”(或类似的参数,取决于服务器端 API 是如何定义的),这个请求被视为JSONP形式请求。
- JQuery中的ajax的相关方法(1)
- JQuery中ajax的相关方法总结
- jquery中的ajax方法
- jQuery中的$.ajax()方法
- jquery中的$ajax方法
- jquery中的ajax方法
- jquery的ajax相关
- Ajax在JQuery中的应用(get方法练习1)
- AJAX---jQuery的相关使用(一)
- AJAX---jQuery的相关使用(二)
- JQuery 中的ajax的方法 ($.ajax,$.post.$get,$.jgetJSON)
- 简单认识JQuery的Ajax中的ajax()方法
- JQuery.AJAX中的post方法
- jquery中的ajax方法参数
- jquery中的ajax方法参数
- jquery中的ajax方法参数
- jquery中的ajax方法参数
- jquery中的ajax方法详解
- view组件draw,onDraw,dispatchDraw
- java自带的sort方法实现文件内字符的排序
- MyBatis逆向工程
- kotlin委托属性+SharedPreference实例
- 数据结构实验之二叉树一:树的同构
- JQuery中的ajax的相关方法(1)
- errno.h快速入门
- USRP是如何启动的?
- Hive用户自定义聚合函数(UDAF)
- 关于mysql isnull函数的一个小技巧
- maven新建父子类
- 快速入门正则表达式
- Java中equals和==的区别
- 用ngrok将内网映射到公网上