您的位置:首页 > Web前端 > JQuery

[知了堂学习笔记]_jQuery Ajax

2017-12-09 11:39 232 查看
请关注“知了堂学习社区”,地址:http://www.zhiliaotang.com/portal.php

$.ajax
:最低层的Ajax封装

$.get
:针对GET请求的Ajax

$.post
:针对POST请求的Ajax

$(选择器).load()
:在网页局部加载Ajax,或者一个页面

$.getJSON()
:针对返回数据时JSON格式的Ajax

$.getScript()
:针对返回JS代码

1.
$.ajax


1.1语法:
$.ajax(url,[setting])


1.2如果要处理$.ajax()得到的数据,则需要使用回调。BeforeSend、error、detaFilter、success、complete

a. beforeSend 在发送请求之前调用,并且传入一个XMLHttpRequest作为参数。

b. error在请求出错时调用。传入XMLHttpRequest对象,描述错误类型的字符串以及一个异常对象(如果有的话)

c. dataFilter在请求成功后调用。传入返回的数据以及“dataType”参数的值。并且必须返回新的数据(可能是处理过的)传递给success回调函数。

d. success当请求之后调用。传入返回后的数据,以及包含成功代码的字符串。

e. complete当请求完成之后调用这个函数,无论成功或失败。传入XMLHttpRequest对象,以及一个包含成功或者错误代码的字符串。

1.3 type:请求的格式,GET或POST

1.4 dataType:返回数据类型,JSON或XML…

1.5 data:发送参数

下面我们来看一个demo:









注意:标点符号,英文字母不要打错或者漏打!!!!

2.$.get

2.1语法:$.get(url,data,fn,type)





注意:如上图红框出!!!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jquery ajax jquery ajax