当前位置: 首页 > news >正文

jQuery发送Ajax请求的几种方式

概述

JQuery发送ajax请求的方法有很多,其中最基本的方法是$.ajax,在其中封装的方法有 $.get, $post等。我们分别举了不同的示例。

数据格式

首先,浏览器与服务器之间传输数据所采用的格式,比较常见的有json,jsonp,html,text,xml,等,目前由于json占用更小存储,并且是JavaScript原生格式,因此大家大部分的选择。

一:可选字段

1,url:链接地址,字符串表示

2,data:需发送到服务器的数据,GET与POST都可以,将自动转换为请求字符串格式,以 Key/value 的键值对形式表示,格式为{A: '...', B: '...'}

3,type:"POST" 或 "GET",请求类型

4,timeout:请求超时时间,单位为毫秒,数值表示

5,cache:是否缓存请求结果,bool表示

6,contentType:内容类型,默认为"application/x-www-form-urlencoded"

7,dataType:服务器响应的数据类型,字符串表示;当填写为json时,回调函数中无需再对数据反序列化为json

8,success:请求成功后,服务器回调的函数

9,error:请求失败后,服务器回调的函数

10,complete:请求完成后调用的函数,无论请求是成功还是失败,都会调用该函数;如果设置了success与error函数,则该函数在它们之后被调用

11,async:是否异步处理,bool表示,默认为true;设置该值为false后,JS不会向下执行,而是原地等待服务器返回数据,并完成相应的回调函数后,再向下执行

12,username:访问认证请求中携带的用户名,字符串表示

举例:

该方法用于执行Ajax请求,常用于其他jQuery Ajax方法不能完成的请求,也许我们可以把它称为"jQuery中Ajax系列方法之母"。

//ajax
$.ajax({url: "/greet",data: {name: 'name'},type: "Get",dataType: "json",success: function(data) {// data = jQuery.parseJSON(data);  //dataType指明了返回数据为json类型,故不需要再序列化}
});
//提交from数据
$.ajax({type : "POST",url : 'http://www.baidu.com',data : $("form").serialize(),    //不带文件的form表单success : function(data){console.log(data);}
});
//$.get方法
var params = {"username":"ceshiname","password":"123456"};
$.get("/demo",params,function(obj){console.log(obj);
},"json");$.ajax({type : "GET",url : 'http://www.baidu.com',success : function(html){console.log(html);}
});
//$.post方法
var params={"username":"ceshiname","password":"123456"};
$.post("/demo",params,function(obj){console.log(obj);
},"json");$.ajax({type : "POST",url : 'http://www.baidu.com',data : {query : "javascript"},contentType : "application/x-www-form-urlencoded",success : function(data){console.log(data);}
});

http://www.lryc.cn/news/22180.html

相关文章:

  • Android实现连线题效果
  • 以数据 见未来!首届未来数商大会成功举办
  • Java数据结构与算法——手撕LRULFU算法
  • 20230227英语学习
  • 校招前端高频react面试题合集
  • k8s node之间是如何通信的?
  • System V|共享内存基本通信框架搭建|【超详细的代码解释和注释】
  • 魔兽世界WoW注册网站搭建——-Liunx
  • OSG三维渲染引擎编程学习之六十八:“第六章:OSG场景工作机制” 之 “6.8 OSG内存管理”
  • 字节前端必会面试题(持续更新中)
  • 内存数据库-4-[redis]在ubuntu中离线安装
  • 并非从0开始的c++ day8
  • ubuntu下用i686-w64-mingw32交叉编译支持SDL、Openssl的ffmpeg库
  • 对IDEA中断点Suspend 属性理解
  • IM即时通讯开发如何解决大量离线消息导致客户端卡顿的
  • 【软件测试】测试老鸟的迷途,进军高级自动化测试测试......
  • HMM(隐马尔科夫模型)-理论补充2
  • 【分布式系统】MinIO之Multi-Node Multi-Drive架构分析
  • 【无标题】(2019)NOC编程猫创新编程复赛小学组真题含参考
  • 【尚硅谷MySQL入门到高级-宋红康】数据库概述
  • SpringBoot集成Redis并实现数据缓存
  • SpringBoot配置文件(properties yml)
  • css 画图之质感盒子
  • 面了一个月,终于让我总结出了这份最详细的接口测试面试题
  • {新}【java开发环境安装】完整工作环境安装配置
  • Python|每日一练|数组|数学|图算法|字符串|动态规划|单选记录:加一|迷宫问题|扰乱字符串
  • MySQL 使用IF判断
  • C++类与对象(上)【详析】
  • AIR系列|板载LED|gpio引脚选择|GPIO|流水灯|LuatOS-SOC接口|官方demo|学习(20-1):GPIO库基础
  • MySQL数据库中的函数怎样使用?