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

});

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

jqueryAjax在客户端发送请求的方式的更多相关文章

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

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

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

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

  3. android下socket编程问题:服务器关闭时,客户端发送请求的异常处理

    我用socket分别创建了一个服务器和一个客户端. 当服务器程序运行时,客户端和服务器发送接收数据是OK的. 但是,如果服务器程序关闭以后,客户端仍然发送请求的话,会抛出一个IOException.但 ...

  4. 基于NIO的同步非阻塞编程完整案例,客户端发送请求,服务端获取数据并返回给客户端数据,客户端获取返回数据

    这块还是挺复杂的,挺难理解,但是多练几遍,多看看研究研究其实也就那样,就是一个Selector轮询的过程,这里想要双向通信,客户端和服务端都需要一个Selector,并一直轮询, 直接贴代码: Ser ...

  5. 探究Spring Boot中的接收参数问题与客户端发送请求传递数据

    结合此篇参考Spring框架学习笔记(9)--API接口设计相关知识及具体编码实现 在使用Spring Boot进行接收参数的时候,发现了许多问题,之前一直都很忙,最近才稍微有空研究一下此问题. 网上 ...

  6. 爬取'Content-Type': 'text/plain;charset=UTF-8' ,发送请求数据方式

    解决方式 直接以字符串的方式发送data就可以得到响应数据 import requests data = 'k1:v1,k2:v2' requests.post(url, data=data)

  7. java开发客户端发送请求到服务器端出现这样:JSON parse error: Unexpected character ('}' (code 125)): was expecting

    org.springframework.http.converter.HttpMessageNotReadableException: JSON parse error: Unexpected cha ...

  8. c# post方式发送请求

    public static bool CheckNew(string serverIP) { bool passed = false; try { string url = string.Format ...

  9. Play framework框架中通过post方式发送请求

    搞了好久这个最终还是在play官方文档中看见的发送请求的方式,国内好像很少有使用这个框架的,加之自己不是太愿意宣传,好东西总归是好东西,不说废话了. 在play中发送请求有两种常用的方式,一种get, ...

随机推荐

  1. 设置html title标题左侧的小图标

    网页title旁边的小图片设置,图片要求格式必须是.ico,可以使用在线的转换工具把jpg和png图片转换为ico图片,工具地址:http://www.ico.la/ 在html文件中的<hea ...

  2. angular 自定义指令 directive transclude 理解

    项目中断断续续的用了下angular,也没狠下心 认真的学习.angular 特别是自定义指令这块 空白. transclude 定义是否将当前元素的内容转移到模板中.看解释有点抽象. 看解释有点抽象 ...

  3. 面向过程(POP)、面向对象(OOP)、面向接口(IOP)、面向切面(AOP)

    面向过程:典型的是C/C++的结构体,结构体里只有变量,没有处理变量的方法,需要专门编写处理变量的方法. 面向对象:ArrayList<Integer> list=new ArrayLis ...

  4. 如何写 JS 的链式调用 ---》JS 设计模式《----方法的链式调用

    1.以$ 函数为例.通常返回一个HTML元素或一个元素集合. 代码如下: function $(){ var elements = []; ;i<arguments.length;i++){ v ...

  5. SQL转换时间的时分

    SELECT WorkerNo, DutyTime, DATENAME(weekday, DutyTime) AS WeekDay, CycleType, CycleNumber, YnOnDuty, ...

  6. 搭建Android开发环境附图详解+模拟器安装(JDK+Eclipse+SDK+ADT)

    ——搭建android开发环境的方式有多种,比如:JDK+Eclipse+SDK+ADT或者JDK+Eclipse+捆绑好的AndroidSDK或者Android Studio. Google 决定将 ...

  7. tp5 model 中的查询范围(scope)

    查询范围scope在model中定义,在controller中使用 namespace app\index\model; use think\Model; class User extends Mod ...

  8. [转]VS2012 快捷键

    Ctrl+E,D ----格式化全部代码       Ctrl+A+K+F Ctrl+E,F ----格式化选中的代码     Ctrl+K+F CTRL + SHIFT + B生成解决方案   Al ...

  9. (原创)ssm sql 例子(freemarker+jsp)

    ssm整合地址:http://www.cnblogs.com/xiaohuihui96/p/6104351.html 接下讲解一个插入语句的流程和顺带讲解freemarker+jsp视图的整合 初次接 ...

  10. java常见的问题

    1.   接口与抽象类的区别? 抽象类:含有abstract修饰的class即为抽象类abstract类不能创建实例对象,不能有抽象的构造方法或抽象的静态方法,如果子类没有实现抽象父类中的所有 方法, ...