💎一站式轻松地调用各大LLM模型接口,支持GPT4、智谱、星火、月之暗面及文生图 广告
# 1、$.get方法 语法: ``` $.get(url, data, function(e){ //e就是服务器返回的数据 }, dataType); ``` 四个参数: url: data:发送给服务器的数据,字符串的形式或对象的形式 fn:用于处理服务器返回的数据,形参e就是服务器返回的数据 dataType:表示服务器返回数据的类型(text/json/html/script/_default) ![](https://img.kancloud.cn/54/6b/546bcf7d670f66261241547292f677ef_874x468.png) php 页面: ![](https://img.kancloud.cn/b4/1d/b41df1b284059119b49692e02c7f837d_638x181.png) 如果希望IE浏览器不缓存,也可以使用加随机数的方式解决: ![](https://img.kancloud.cn/fa/31/fa31ff556693a170df9f8210e5aa5a45_1038x235.png) # 2、$.post方法 语法: ``` $.post(url, data, function(e){ //e就是服务器返回的数据 }, dataType); ``` 四个参数: url: data:发送给服务器的数据,字符串的形式或对象的形式 fn:用于处理服务器返回的数据,形参e就是服务器返回的数据 dataType:表示服务器返回数据的类型(text/json/html/script/_default) ![](https://img.kancloud.cn/1d/3e/1d3e8c1448c1c2f7e89313c3fb3607e9_883x434.png) PHP代码: ![](https://img.kancloud.cn/2d/55/2d55b994a12932f1897de35a978fbbd8_627x179.png) 服务器返回JSON格式的数据: JS代码,需要修改get或post方法的第4个参数为json,修改之后,接收到的数据,jQuery会自动将其转换为JS能够识别的数组或对象。 ![](https://img.kancloud.cn/b0/7e/b07ef2a08de497e7dc42175ad7ed6350_1102x353.png) PHP代码: ![](https://img.kancloud.cn/ac/c4/acc47c6c8e1f185018631af30e0a404a_618x391.png) # 3、$.ajax()方法 使用语法: ``` $.ajax({ type:'get', //或者post url:'', data:{}, //发送给服务器的数据 dataType:'json', //服务器返回数据的类型 success:function(e){ //形参e仍然是服务器返回的数据 }, error:function(){ //ajax执行出错,在这里处理 }, async:false, //表示同步请求,默认为true表示异步请求 }); ``` ![](https://img.kancloud.cn/a1/d8/a1d8016da5f69c92dd93d668f3b485f1_766x470.png) PHP代码: ![](https://img.kancloud.cn/ce/e8/cee86c5e858abbb547acda9b26f2f8c6_613x321.png) # 4、收集表单信息方法 使用方法: ``` $(表单).serialize(); //返回一个经过编码的字符串 $(表单).serializeArray(); //返回一个JS数组 ``` 二者收集到的数据都可以直接用于Ajax。 ![](https://img.kancloud.cn/cb/b6/cbb6bbf00eaec0c7bd4e9fd225ef0553_727x578.png) PHP页面: ![](https://img.kancloud.cn/4e/47/4e47cc3996aeedd8c1f593dcbf876e3d_674x127.png) # 5、Ajax提示方法 ajaxStart():在ajax开始之后,会执行 ajaxStop():在ajax结束时执行。 ps:低版本的写法是手册上的写法,高版本的jQuery写法如下: ![](https://img.kancloud.cn/f7/81/f78151418f5aa30a3965eb87365a38a9_842x605.png) PHP代码: ![](https://img.kancloud.cn/97/e9/97e9c06418b5d053a5625acedc189f75_459x112.png)