jqueryAjax在客户端发送请求的方式

get请求方式:

$.get函数,发起一个get请求,

//第一个参数是请求的url地址,

//第二个参数是请求参数,可以是一个urlencode过的字符串,也可以是
//一个对象,如果是对象jquery会自动把这个对象转为urlencode字符串

//第三个参数是请求成功时的回调函数,这个函数有三个参数,第一个
//参数res是请求返回的数据(jquery会自动判断数据类型,例如,如果
//是json,则会自动将json解析为对象,如果是普通文本,则res就是
//普通的字符串),第二个参数表示请求状态,和状态码对应。第三个参
//数是jqeury加工之后的XHR对象(如果需要获得响应头中的数据等,
//就需要通过XHR获得)。第二个和第三个参数通常不需要。

//第四个参数表示请求的数据类型,这个参数通常不需要写,因为jquery
//能够自动判断数据类型。

$.get("/getAPI",{
name:"huge",
age:28
},function(res,statusText,jqXHR){
alert(res.msg);
alert(statusText);
alert(jqXHR.getAllResponseHeaders());
//alert(jqXHR.getResponseHeader("Content-Length"));
});

post的请求方式:

$.post("/postAPI",{
name:"sun",
age:10
},function(res){
alert(res.msg);
});

自定义请求类型的Ajax的请求方式:

//$.ajax 是一个jquery底层函数,用于发送ajax请求,使用起来不
//如.get和.post方便,但是功能全,能够设置请求的每一个细节。

//$.ajax函数的参数是一个对象,对象中的属性用于配置本次请求。

$.ajax({
//请求类型
type:"get",
//请求地址
url:"/getAPI",
//请求是否异步,true就是异步,默认为true
async:true,
//设置期望服务器返回的数据类型(添加在请求头中)
accepts:{
data1:"text/json",
data2:"application/json"
},
dataType:"json",
//请求发送之前执行的回调函数,常用于设置请求头内容
beforeSend:function(jqXHR){
console.log("请求将要发送");
jqXHR.setRequestHeader("sunhuayu","28");
},
//本次请求是否缓存,如果对请求缓存,那么下次再请求这个url时,
//就不会再发起请求,而是用之前的缓存数据作为请求数据。
cache:false,
//设置请求的所有回调函数中的上下文,简单的说就是这只回调函数
//中this指针指向的对象是谁。设置为window后,将来回调函数调用
//时,其中的this就是window。
context:window,
//设置本次请求的参数,如果是一个对象或数组,则会自动转为
//urlencode字符串。
data:{
name:"sunhuayu",
age:8
},
//请求数据返回时,请求成功回调函数执行之前,对请求数据的一个
//预处理函数,通常在这个函数中进行解析,函数的返回值会交给
//jquery进一步处理(当做res交给success函数)。
dataFilter:function(data,type){
console.log("请求收到数据了,这是数据预处理函数,在请求成功之前调用,得到的数据是"+data+",类型是"+type);
return data;
},
//请求失败时的回调函数。
error:function(jqXHR,textStatus){
console.log("请求失败,原因:"+textStatus);
},
//本次请求是否触发全局ajax事件。
global:true,
//设置请求头,会覆盖掉beforSend中设置的相同键。
headers:{
student:"sunhuayu"
},
//请求成功时的回调函数,效果同$.get函数的回调函数。
success:function(res,textStatus,jqXHR){
alert("请求成功,数据为:"+res.msg);
},
//设置本次请求的超时时间限制。(请求发起后,10秒之内还没有
//请求完成,就作为请求失败处理)
timeout:3*1000

});

其中的有些参数设置根据自己的需要进行改变。

转载于:https://www.cnblogs.com/sjg99099/p/7144724.html

jqueryAjax在客户端发送请求的方式(摘抄!)相关推荐

  1. 如何使用soapUI模拟webservice客户端发送请求

    随着软件行业的发展,一个完成的系统已经不能使用简单的项目来完成,而是有多个项目之间相互协同工作,项目之间就需要进行即时通讯,现在比较流行的通讯方式是通过webservice服务.比较流程的webser ...

  2. zookeeper源码分析之三客户端发送请求流程

    znode 可以被监控,包括这个目录节点中存储的数据的修改,子节点目录的变化等,一旦变化可以通知设置监控的客户端,这个功能是zookeeper对于应用最重要的特性,通过这个特性可以实现的功能包括配置的 ...

  3. [笨木头FireFly 02]入门篇2_客户端发送请求,服务器处理请求

    原地址:http://www.9miao.com/question-15-53940.html 好,经过上一篇不权威的讲解,大家已经能轻易地让客户端和服务端连接起来了. 但是,仅仅是连接了,可它们俩不 ...

  4. [笨木头FireFly 02]入门篇_客户端发送请求,服务器处理请求

    好,经过上一篇不权威的讲解,大家已经能轻易地让客户端和服务端连接起来了. 但是,仅仅是连接了,可它们俩不说话不交流,那游戏就玩不起来了,玩不起来那我就赚不到钱..啊不是,玩不起来那玩家就不能开心了,钱 ...

  5. PhotonServer,客户端发送请求给服务端,服务端解析请求,发送回客户端响应,客户端再解析服务端发过来的响应。

    1.(客户端发送给服务端)test中的构造参数并且发送 完整代码如下 test.cs using System; using System.Collections; using System.Coll ...

  6. js发送请求的方式(Post)

    ajax起头 $.ajax({ url:"url",data:{}, type:'post', cache:false, dataType:'json', success:func ...

  7. 浅谈MySQL中客户端与服务端连接方式

    一.前言 前面五篇文章给大家介绍了如何安装数据库到一条SQL在服务端需要经历那些步骤才能够解析完成,相信大家对数据库也有了初步的了解,但俗话说的好"纸上谈兵不如躬行实践",前面学习 ...

  8. Ajax请求,JQuery发送请求,Axios请求,Fetch请求总结

    常见的请求方式 1.Ajax请求 定义: 同步与异步的区别: Ajax的工作原理: 实现AJAX的基本步骤: Get请求: Post请求: 2.JQuery发送请求 Get请求: Post请求: 3. ...

  9. HttpClient发送请求

    HttpClient发送请求 前言:前段时间接到一个需求,要求系统中实现一个可以上传语音文件的功能,然后将文件和需要的参数发送到电信的接口上: 开始说起来感觉很简单,但是就真的被折磨了好几天,主要还是 ...

  10. socket发送请求,协程

    1.socket发送请求 1 #发送请求的方式 2 3 #方式一 4 import requests 5 6 ret = requests.get("https://www.baidu.co ...

最新文章

  1. SQL2000 N' '的意思
  2. 清华张亚勤院士团队招聘 AI 工业方向博士后
  3. 链表倒置 (不额外开辟另一块空间)
  4. CPU缓存一致性动态图
  5. [python学习] 简单爬取图片网站图库中图片
  6. 如何愉快地学习 Go 语言?来场 Go 之旅吧!
  7. 基于PHPExcel的常用方法总结
  8. hadoop在ubuntu上的安装流程
  9. 51nod 1833 状压dp加一点图论
  10. KingDZ 变菜鸟,每日一个C#小实例之---C#MessageBox小技巧
  11. ORA-01017 错误
  12. 估值过能预市下行风险
  13. 用pkg把nodejs脚本编译成跨三平台的可执行文件的经验
  14. js逆向破解 —— 懂车帝视频链接
  15. matlab绘图崩溃,重新采用硬件加速绘图
  16. 【esp8266】③esp8266对接天猫精灵实现语音控制
  17. 为什么计算机太卡怎么解决方法,电脑运行太慢了太卡了怎么办的解决方法
  18. Review KD(2)
  19. TOEFL wordlist 31
  20. [数据挖掘理论与案例] 大数据的4个V

热门文章

  1. configure: error: Package requirements (commoncpp 6.2.2) were not met
  2. LINUX下载编译libtheora
  3. 泰山游记:道阻且长,活着走出
  4. C++类中在构造器中调用本类的另外构造器
  5. OPPO推送:推送消息的字串,用于参数
  6. 世界杯:为什么进攻大多沿着边路前进?
  7. nsurl转nsdata_ios 中NSData 拼接成功,但写入本地种只有前面的data
  8. idea配置jfinal_intellij idea如何创建JFinal项目
  9. 鸿蒙系统翻车了,鸿蒙“翻车”? 网友发现鸿蒙系统居然是安卓9.0
  10. 阿里巴巴小程序繁星计划专题上线,汇集最优扶持资源与最新资讯!