一、Ajax 请求
1、$.ajax 方法
常用参数:
url: 表示请求的地址
type: 表示请求的类型 GET 或 POST 请求
async: 表示请求是同步还是异步的,默认为 true,异步;设置为 false 表示 同步
data: 表示发送给服务器的数据,格式有两种:① name1=value1&name2=value2 ② {key:value}
success: 表示请求成功,响应的回调函数
dataType: 响应的数据类型,常用的数据类型有:text 表示纯文本,xml 表示 xml 数据,json 表示 json 对象
Demo:
1 $.ajax({
2 type: "POST",
3 url: "some.php",
4 async: "true",
5 data: "name=John&location=Boston",
6 success: function(msg){
7 alert( "Data Saved: " + msg );
8 },
9 dataType:"json"
10 });
2、.post()
这两个方法都是以简单的 GET 或 POST 请求取代复杂的 $.ajax。
参数说明:
url: 请求的 url 地址
data: 发送的数据
callback: 请求成功时回调函数
type: 返回内容格式:xml,text,json 等
Demo:
1 $.get("test.do", function(data){
2 alert("Data Loaded: " + data);
3 });
4
5 $.post("time.do", { name: "John", time: "2pm" },
6 function(data){
7 alert("Data Loaded: " + data);
8 });
3、$.getJSON 方法
此方法以 get 请求向服务器发起请求,返回的是 JSON 数据。
参数:
url: 请求的 url 地址;
data: 发送给服务器的数据
callback: 成功的回调函数
Demo:
1 $.getJSON("test.do", function(json){
2 alert("JSON Data: " + json.users[3].name);
3 });
二、Ajax 事件
三、其他
1、serialize() 方法
该方法可以把表单中所有表单项的内容都获取到,并且以 name1=value1&name2=value2 的形式进行拼接。
Demo:
1 | $( "#form01" ).serialize() |
2、serializeArray() 方法
该方法可以序列化表格元素,返回 JSON 数据结构数据。
注意:此方法返回的是 JSON 对象而非 JSON 字符串,需要用第三方库进行字符串化操作。
Demo:
1 var fields = $("select, :radio").serializeArray();
2
3 格式:
4 [
5 {name: 'firstname', value: 'Hello'},
6 {name: 'lastname', value: 'World'},
7 {name: 'alias'}, // this one was empty
8 ]
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· 没有源码,如何修改代码逻辑?
· NetPad:一个.NET开源、跨平台的C#编辑器