jQuery Ajax 函数

jQuery Ajax函数

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术： MVC

作者：忱雾

撰写时间：2021/7/5

AJAX是与服务器交换数据的技术，它在不重载全部页面的情况下，实现了对部分网页的更新。

(1).简介

·AJAX = 异步JavaScript和XML（Asynchronous JavaScript and XML）。

·简短地说，在不重载整个网页的情况下，AJAX通过后台加载数据，并在网页上进行显示。

·jQuery提供多个与AJAX有关的方法：通过jQuery AJAX方法，您能够使用HTTP GET和HTTP Post从远程服务器上请求文本、HTML、XML或JSON-同时能够把这些外部数据直接载入网页的被选元素中。

(2).AJAX方法

分类	方法	描述
Ajax请求	$.ajax()	通过HTTP请求加载远程数据
	load()	载入远程HTML文件代码并插入DOM中
	$.get()	通过远程HTTP GET请求载入信息 $.get（URL，callback）;
	$.getJSON()	通过HTTP GET请求载入JSON数据
	$.getScript()	通过HTTP GET请求载入并执行一个JavaScript文件
	$.post()	通过远程HTTP POST请求载入信息 $.post（URL，data，callback）；
Ajax事件	ajaxComplete()	规定AJAX请求完成时运行的函数
	ajaxError()	规定AJAX请求失败时运行的函数
	ajaxSend()	规定AJAX请求发送之前运行的函数
	ajaxStart()	规定第一个AJAX请求开始时运行的函数
	ajaxStop()	规定所有的AJAX请求完成时运行的函数
	ajaxSuccess()	规定 AJAX 请求成功完成时运行的函数
其他	serialize()	序列化表单内容为字符串。
	serializeArray()	序列化表格元素 (类似 serialize() 方法) 返回 JSON 数据结构数据;返回的是 JSON 对象而非 JSON 字符串。

两种HTTP请求方法：GET 和 POST

·GET-从指定的资源请求数据

·POST-向指定的资源提交要处理的数据。

GET方法：

·GET请求可能被缓存

·GET请求可能被收藏为书签

·GET请求不应该在处理敏感数据的时候使用

·GET请求有长度限制

·GET请求只应当用于取回数据

POST方法：

·POST请求不会被缓存

·POST请求不会保留在浏览器历史记录中

·POST请求不能被收藏为书签

·POST请求对数据长度没有要求

比较：

	GET	POST
后退按钮/刷新	无害	数据会被重新提交(浏览器应该告知用户数据会被重新提交)
书签	可收藏为书签	不可收藏为书签
缓存	能被缓存	不能缓存
编码类型	application/x-www-from-urlencoded	Application/x-www-from-urlendoded or ultipart/from-data,为二进制数据使用多重编码
历史	参数保留在浏览器历史中	参数不会保存在浏览器历史中
对数据长度的限制	是的，当发送数据时GET方法向URL添加数据，URL的长度是受限制的	无限制
对数据类型的限制	只允许ASCLL字符	没有限制，也允许二进制数据
安全性	与POST相比，GET的安全性比较差，因为所发送的数据时URL的一部分 (发送密码或其他敏感信息时不要使用GET！)	POST比GET更安全，因为参数不会被保存在浏览器历史或Web服务器日志中
可见性	数据在URL中对所有人都是可见的	数据不会显示在URL中

        以上是我总结的简单的JQuery Ajax函数的方法小技巧分享给各位小白，希望可以帮助到你们。以上就是我的分享，新手上道，请多多指教。如果有更好的方法或有疑问的地方欢迎在评论区教导和提问喔！