ajax在jQuery中的应用

(一)jQuery中的load()方法异步加载数据

load(url,[data],[callback]):url为被加载的页面数据,【data】表示发送到服务器的数据,格式:key/value,callback加载成功后的方法。

load():用于过滤页面中的某类别的元素,如$('#divTip'.load("b.html.divContent")获取页面b.html中类别名为divContent的全部元素

load方法可以很快加载数据到页面,但有时需要对获取的数据进行处理,如果需要对获取的数据进行处理,但必须先插入到页面中

(二)jQuery的全局函数getJSON()调用JSON格式的数据

$.getJSON(url,[data],[callback])

(三)jQuery的全局函数getScript()获取.js文件的内容

$.getScript('url‘,【callback])

(四)jQuery异步加载XML文档

当使用XML文档保存数据时,使用

$.get(url,[data],[callback],[type])访问数据,type表示返回的数据格式,如html,xml,js,json,text

(五)请求服务器数据

$.get()请求数据

$post()向服务器请求数据

(六)serialize()序列化表单

语法:serialize()

该方法是将所选择的DOM元素转化成能随AJAX传递的字符串,即序列化所选的DOM元素(如获取表单的输入字段值)

(七)$.ajax()

$.ajax()是jQuery中最底层的方法,因此全局函数$.getScript()、$.get()、$.post、$.getJSON()都可以使用$.ajax()调用

(八)$.ajaxSetup()

设置全局性的Ajax默认选项,一次设置全局有效(当需要调用多个$.ajax时)

$.ajaxSetup({

type:"get",

url:"1.html",

dataType:"xm"

})将这些全局的ajax选项放入到$.ajaxSetup中

 

 

 

 

模拟浏览器提交表单,且解决中文编码的问题

不足:表单有多项被选中时,该方法只能传递一项的值

AJAX全局事件

ajaxStart

ajaxStop

 

注:相关内容来自书籍《jQuery权威指南》

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

posted @ 2018-01-18 18:03  我的,博客园  阅读(122)  评论(0)    收藏  举报