Jquery基础入门-3-jQuery进行Ajax操作的方法

我会带着你远行 2021-12-03 15:43 371阅读 0赞

一、jQuery进行Ajax操作的方法
1、load()方法 load()方法是最为简单和常用的Ajax方法,能载入远程HTML代码并插入DOM中。
◆ 语法:load(url, [data], [callback])

1603260-20190717205627169-631267030.png

1603260-20190717205646240-1886960960.png

1603260-20190717205941402-855533595.png

1603260-20190717210147338-1744180267.png

1603260-20190717210342798-2115963674.png

1603260-20190717210539049-246077626.png

1603260-20190717210728127-269674232.png

1603260-20190717210913828-1117583562.png

2、$.get()方法 通过远程 HTTP GET请求载入信息
◆ 语法:$.get(url, [data], [callback], [type])

1603260-20190717211304794-1983552277.png

1603260-20190717211425343-1870788894.png

1603260-20190717212105338-967506112.png

1603260-20190717212222924-1952083453.png

1603260-20190717212304667-2089222877.png

中文乱码问题的解决:

1603260-20190717212505130-381859823.png

1603260-20190717212616219-1615185016.png

1603260-20190717212731452-658262902.png

传XML数据:

1603260-20190717213009461-1639381250.png

1603260-20190717213213237-554307009.png

1603260-20190717213356295-1373654474.png

1603260-20190717213658322-1211607116.png

传JSON数据:

1603260-20190717214326510-1347066775.png

1603260-20190717214451891-2115764255.png

1603260-20190717214528464-36759714.png

1603260-20190717214644581-1271927654.png

3、$.post()方法
◆ 通过远程 HTTP POST 请求载入信息。
◆ 它与$.get()方法的结构和使用方式基本相同。
4、get请求和post请求的区别

◆GET请求将参数跟在URL后进行传递,而POST请求则作为HTTP请求实体内容发送给服务器。在Ajax请求中,这些区别对用户是不可见的。
◆GET方式对传输的数据有大小限制(通常不大于2KB),而POST方式传递的数据要不GET方式大的多。
◆GET方式请求的数据会被浏览器缓存起来,因此其他人就可以通过浏览器的历史记录中读取到这些数据,例如密码等,所以GET请求安全性会有问题,而POST相对就可以避免这些问题。

1603260-20190717214829968-1922040524.png

5、$.getScript()方法 通过HTTP GET

请求载入并执行一个 JavaScript 文件
◆ 语法:$.getScript(url, [callback])

1603260-20190717214928558-703135786.png

1603260-20190717215112184-625363710.png

1603260-20190717215153500-1362429911.png

1603260-20190717215315754-743653210.png

1603260-20190717215448563-1324165496.png

1603260-20190717215526504-1715017886.png

网络上的json:

1603260-20190717215628279-2051153353.png

1603260-20190717215722102-40516791.png

6、$.getJson()方法 通过HTTP GET 请求载入 JSON 数据
◆ 语法:$.getJSON(url, [data], [callback])

7、aJax()方法$.ajax()方法是jQuery最底层的Ajax实现。前面所讲的哪些操作ajax的方法都是基于$.ajax()方法构建
的,因此此方法可以替换前面的所有方法。
◆ 语法:$.ajax(url,[settings])

8、$.aJax()常用的请求参数:
◆type:设置请求方式,主要是GET和POST,默认是GET
◆timeout:设置请求超时时间
◆data:发送到服务器的数据。
◆dataType:预期服务器返回的数据类型,比如:xml、json、text等。
9、$.aJax()常用的请求参数:
◆beforeSend:发送请求前可以修改XMLHttpRequest对象的函数,例如添加自定义HTTP头信息等。
◆complete:设置完成后调用的回调函数,请求失败均会调用。

◆success:请求成功后调用的回调函数
◆error:请求失败后被调用的函数。
◆global:默认为true,表示是否触发全

1603260-20190717215919109-1771817171.png

1603260-20190717220004790-522296378.png

1603260-20190717220247962-1585665994.png

转载于:https://www.cnblogs.com/HiJackykun/p/11204059.html

发表评论

表情:
评论列表 (有 0 条评论,371人围观)

还没有评论,来说两句吧...

相关阅读

    相关 jQuery ajax - ajax() 方法

    jQuery的ajax:平常没怎么理解它,只是用它和服务器端进行数据交互。随着不断深入,需要将一些基础的记录一下,方便以后复习回忆,因此有了这篇博文。 jQuery aja