🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# qury Ajax # jQuery 中 ajax 方法使用 * async:默认设置下,所有请求均为异步请求。 * contentType:发送信息至服务器时内容编码类型,默认为 "application/x-www-form-urlencoded"。 * data:发送到服务器的数据,可以为对象或者 Key=value 格式字符串,若为对象则会自动转换为请求字符串格式。 * type:默认: "GET",其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但取决浏览器支持。 * url:发送请求的地址,默认当前页地址。 * dataType:预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断, 若响应回来的数据格式是 application/json , 其会自动帮你把 JSON 转成 JS 对象 比如 XML MIME类型就被识别为 XML,可以不填,可用值:"xml"、"html"、"script"、"json"、"jsonp"、"text"。 * cache:默认为 true(dataType 为 script 和 jsonp 时默认为 false,设置为 false 将禁用缓存。 * context:这个对象用于设置 AJAX 相关回调函数的上下文。也就是说,让回调函数内 this 的指向(若不指定为当前选项)。 * beforeSend:发送请求前调用此函数,可用与如添加自定义 HTTP 头,检查请求参数是否合法。XMLHttpRequest 对象是唯一的参数。若在函数中返回 false 可以取消本次请求。 # $.ajax() $.get() $.post() # jQuery 中 load 方法使用 载入远程 HTML 文件代码并插入至 DOM 中。 ~~~ $("#id").load('url'); ~~~ # 全局 AJAX 事件处理器 $.ajaxSetup(\[options\]):设置全局 AJAX 默认选项。$(document).ajaxStart(fn):在 AJAX 请求刚开始时执行一个处理函数。$(document).ajaxSend(fn):在 AJAX 请求发送之前绑定一个要执行的函数。$(document).ajaxSuccess(fn):绑定一个函数当 AJAX 请求成功完成时执行。$(document).ajaxError(fn):当 AJAX 请求出错时注册一个回调处理函数。$(document).ajaxComplete(fn):当 AJAX 请求完成后注册一个回调函数。$(document).ajaxStop(fn):在AJAX 请求完成时执行一个处理函数。 ~~~ // 设置 AJAX 请求默认地址为 "/xmlhttp/",禁止触发全局 AJAX 事件, 用 POST 代替默认 GET 方法。其后的 AJAX 请求不再设置任何选项参数。 $.ajaxSetup({   url: "/xmlhttp/",   global: true, // 设置这个下面的全局函数才会起作用   type: "POST" }); // 设置全局请求成功的回调函数 $(document).ajaxSuccess(function(data){    console.log(data); }); ​ $.ajax({data: {username:'zs', password:'12345'}}); ​ ~~~ # jQuery 中 表单序列化 * serialize():序列表表格内容为字符串。 * serializeArray():序列化表格元素返回 JSON 数据结构数据。 ~~~ $('#form').serialize(); $('#form').serializeArray(); ~~~