未调用open()方法 1:启动。已经调用open()方法,未调用send()方法 2:发送。已经调用send()方法,未接收到响应 3:接收。已经接收到部分数据 4:完成。...二、jquery中的ajax 先写一个简单例子 $.ajax({ type : 'post', url : 'http://localhost:8080/devLean...部分参数: type:请求方式,GET、POST(1.9.0之后用method) url:请求地址 data:要发送的数据 contentType...jQuery 将自动替换 ? 为正确的函数名,以执行回调函数 $.ajax 中的contentType 在http 请求中,get 和 post 是最常用的。...key=fdsa&lang=zh 这是get , 而 post 请求则是使用请求体,参数不在 url 中,在请求体中的参数表现形式也是: key=fdsa&lang=zh的形式。
jQuery.post(url[,data][,success(data,textStatus,jqXHR)][,dataType]) url 一个包含发送请求的URL data...; jQuery.ajax() 执行一个异步的HTTP(ajax)的请求。 ...complete 类型:Function 请求完成后回调函数,(请求成功或失败时均调用)参数: XMLHttpRequest 对象,成功信息字符串。... error事件返回的第一个参数XMLHttpRequest有一些有用的信息: XMLHttpRequest.readyState: 状态码 0 - (未初始化)...还没有调用send()方法 1 - (载入)已调用send()方法,正在发送请求 2 - (载入完成)send()方法执行完成,已经接收到全部响应内容 3 -
3. jQuery.post( url, [data], [callback], [type] ) :使用POST方式来进行异步请求 参数: url (String) : 发送请求的URL地址....其实应该为客户端请求的类型(JSON,XML,等等) 这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。...; }); jQuery.ajax( options ) : 通过 HTTP 请求加载远程数据 这个是jQuery 的底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。...jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。数据类型设置为 "jsonp" 时,jQuery 将自动调用回调函数。...使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。
请求的选项配置信息: 3. jQuery.post( url, [data], [callback], [type] ) :使用POST方式来进行异步请求 参数: url (String) : 发送请求的...其实应该为客户端请求的类型(JSON,XML,等等) 这是一个简单的 POST 请求功能以取代复杂 .ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 .ajax。...jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。数据类型设置为 "jsonp" 时,jQuery 将自动调用回调函数。...使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。...请认真阅读上面的参数列表,如果你要用jQuery来进行Ajax开发,那么这些参数你都必需熟知的。
.ajaxError() 当 Ajax 请求完成且出现错误时注册要调用的处理程序。这是一个 Ajax 事件。 .ajaxSend() 在 Ajax 请求发送之前显示一条消息。...3. jQuery.post( url, [data], [callback], [type] ) 使用POST方式来进行异步请求,其中: url (String) :发送请求的URL地址. data...jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。数据类型设置为 "jsonp" 时,jQuery 将自动调用回调函数。...使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。...请认真阅读上面的参数列表,如果你要用jQuery来进行Ajax开发,那么这些参数你都必需熟知的。
Post方式: 当使用POST方式时,浏览器把各表单字段元素及其数据作为HTTP消息的实体内容发送给Web服务器,而不是作为URL地址的参数进行传递,使用POST方式传递的数据量要比使用GET方式传送的数据量大的多...jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。数据类型设置为 "jsonp" 时,jQuery 将自动调用回调函数。...使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。...请认真阅读上面的参数列表,如果你要用jQuery来进行Ajax开发,那么这些参数你都必需熟知的。...设置 AJAX 请求默认地址为 "/xmlhttp/",禁止触发全局 AJAX 事件,用 POST 代替默认 GET 方法。其后的 AJAX 请求不再设置任何选项参数。
URL传递 有缓存 2.POST 与get()方法相比,post()方法多用于以POST方式向服务器发送数据,服务器接收到数据之后,进行处理,并将处理结果返回页面,调用格式如下: $.post...() 3.ajax 使用ajax()方法是最底层、功能最强大的请求服务器数据的方法,它不仅可以获取服务器返回的数据,还能向服务器发送请求并传递数值,它的调用格式如下: $.ajax([settings]...Request URL:查看请求的地址,一般在这里查看向后台请求的URL是否正确,错误404的话一般这里会有问题 Request Method:请求的方式,查看是GET或者POST,GET请求的参数一致的话会有缓存...底下的Query String Parameters是向后台发送的数据,一般这里看参数是否有问题,格式及命名是否正确,事故多发地。...五、总结 一般来说,处理AJAX,用jQuery的get和post的就够用,如果是JSON数据的话用getJSON,注意缓存问题,特殊的应用再考虑用ajax(),另外,AJAX还有一个很严重的问题是跨域
var xhr = new XMLHttpRequest();在使用 XHR 对象时,先必须调用 open()方法,它接受三个参数:要发送的请求类型(get、 post)、 请求的 URL 和表示是否异步...POST 请求三、封装 Ajax因为 Ajax 使用起来比较麻烦,主要就是参数问题,比如到底使用 GET 还是POST;我们需要封装一个 Ajax 函数,来方便我们调用。.../POST,请求的路径,是否异步true/false);3、发送请求send(参数/null);注:如果是get请求,参数直接跟在请求路径后面,send()方法中设置null;如果是post请求,有参数则设置参数.../ post请求如果有参数,需要将参数设置在send方法中// 监听readystate事件 (0=尚未调用open方法;1=已调用open方法未调用send方法,2=调用send方法,未接收到响应;3...选择器+DOM操作+事件+DOM与JQuery对象间的转化2.个人练习前端技术使用Bootstrap、JQuery、thymeleaf3.JavaScript入门及基础知识介绍4.AJax(XHR+Get
处理过程 0:请求未初始化(还没有调用 open() )。...中的 Ajax 的一些方法 jquery 对 Ajax 操作进行了封装,在 jquery 中的$.ajax()方法属于最底层的方法,第 2 层是load() 、$.get() 、$.post();第...在项目中需要传递一些参数给服务器中的页面,那么可以使用$.get()和$.post()或$.ajax()方法 注意:$.get()和$.post()方法是 jquery 中的全局函数 $.get()方法...为正确的函数名,以执行回调函数text:返回纯文本字符串 beforeSend Function 发送请求前可以修改 XMLHttpRequest 对象的函数,例如添加自定义 HTTP 头。.../调用本次 Ajax 请求时传递的 options 参数} success Function 请求成功后调用的回调函数,有两个参数(1)由服务器返回,并根据 dataTyppe 参数进行处理后的数据(2
readyState五种状态 0 - (未初始化) 1 - (载入/正在发送请求) 2 - (载入完成/数据接收) 3 - (交互/解析数据)正在解析响应内容 4 - (后台处理完成)响应内容解析完成...,可以在客户端调用了 status 状态码: 常用: 200:请求成功(后台处理结果ok)、 303:重定向 400:请求错误、401:未授权、403:禁止访问、404:文件未找到 500:...服务器错误 get往服务端发送数据时,把数据写到url中,明文发送,可以从地址栏中直接看到,不安全 post往服务端发送数据是,把数据写到header后边,不写在url中,安全性更高 js原生,...jquery, ajax写法上的不同 js原生:首先创建一个 XMLHttpRequest 通过这个对象打开url然后 send数据 jquery:.get 或则.post发送,参数是(url, json...数据{}, 收到应答时的回调函数) 回调函数(服务端应答数据data, 状态码, XMLHttpRequest异步请求对象) ajax: $.ajax() 参数是json对象{url:, type:post
使用三个函数就可以实现ajax的请求处理。 处理ajax请求的三个函数: $.ajax() : jQuery中实现ajax的核心参数。 $.post() : 使用post方式发送ajax请求。...$.get()与$.post()他们在内部都是调用的$.ajax() 15.2 $.ajax() 函数 (实现Ajax请求的核心函数) $.ajax() 是 jQuery 中 AJAX 请求的核心方法,...当我们使用 $.ajax() 发送请求时,会把 dataType的值发送给服务端。...这些参数与上边 $.ajax() 函数的参数信息是一样的 15.3 $.post() 函数 $.post() 方法使用 HTTP POST 请求从服务器加载数据。...jQuery库中 .post()函数来发起ajax请求。
jQuery 中的 Ajax jQuery为我们提供了更强大的Ajax封装 $.ajax({}) 可配置方式发起Ajax请求 $.get() 以GET方式发起Ajax请求 $.post() 以POST方式发起...) jQuery Ajax介绍 http://www.w3school.com.cn/jquery/jquery_ref_ajax.asp jQuery 中的 Ajax url: 要求为String类型的参数...使用SONP形式调用函数时,例如myurl?callback=?,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。 text:返回纯文本字符串。...this; //调用本次ajax请求时传递的options参数 } contentType:要求为String类型的参数,当发送信息至服务器时,内容编码类型默认为"application/x-www-form-urlencoded...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。
Number readyState 状态值(整数) 详细: 0-未初始化,尚未调用open()方法; 1-启动,调用了open()方法,未调用send()方法;..." onclick="XmlPostRequest();" value="Post发送请求" /> jquery-1.12.4.js"></script...({ url:"地址", type:"post", //表示要发post请求 ..... }) //本质上get和post都会调用ajax...jQuery.ajax(....)...为正确的函数名, 以执行回调函数 如果不指定,jQuery 将自动根据HTTP包MIME信息返回相应类型(an XML MIME type
它有以下优点:fetch API 使用 Promise 来处理异步操作,这使得链式调用更加简洁和易于管理。而 $.ajax 使用回调函数,这可能导致回调地狱(callback hell)的问题。...POST 方式,且多了 body 属性指定要发送的数据:fetch('https://httpbin.org/post', { method: 'POST', body: JSON.stringify...,因此在有 body 属性的状态下,未替 method 指定为 POST 或其他可带 body 的请求方式时,会出现以下错误:默认的请求方式 GET 无法指定 body需要注意的是, body 内的数据需使用...JSON.stringify 将对象转换成字符串类型,否则 server 端会无法正确获取到数据,以下是 data 发送到 server 的差别:未使用 JSON.stringify使用了 JSON.stringify...未使用 JSON.stringify 的请求会直接将对象强制转为字符串,变成 [object Object] 发送至 server ,使用了正确转换的请求在 server 端则是能接收到正确的内容。
该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, .post等(我们也只掌握这一种)。 .ajax() 返回其创建的 XMLHttpRequest 对象。...也就是说,让回调函数内 this 指向这个对象(如果不设定这个参数,那么 this 就指向调用本次 AJAX 请求时传递的 options 参数)。...提供 data 和 type 两个参数:data 是 Ajax 返回的原始数据,type 是调用 jQuery.ajax 时提供的 dataType 参数。...除非设置了 "cache" 参数。注意:在远程请求时(不在同一个域下),所有 POST 请求都将转为 GET 请求。...使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。 "text": 返回纯文本字符串
Number readyState 状态值(整数) 详细: 0-未初始化,尚未调用open()方法; 1-启动,调用了open...()方法,未调用send()方法; 2-发送,已经调用了send()方法,未接收到响应; 3-接收,已经接收到部分响应数据; 4-完成,已经接收到全部响应数据...i1=12&i2=19');//用于创建请求 相当于把jquery ajax的数据结合在一起(url,type,等等)#} {# xhr.send(); //发送数据 调用了send()方法...为正确的函数名,以执行回调函数 如果不指定,jQuery 将自动根据HTTP包MIME信息返回相应类型(an XML MIME type...i1=12&i2=19'); //发送请求头,参数为方式和url xhr.send(); //发送请求体 */ //post方式提交,要改一下请求头
优先级 如果发送的是【普通数据】 jQuery XMLHttpRequest iframe 如果发送的是【文件】 iframe jQuery(FormData) XMLHttpRequest(FormData...url: 要请求的地址(字符串类型) async: 是否异步(布尔类型) b. void send(String body) 用于发送请求 参数:...Number readyState 状态值(整数) 详细: 0-未初始化,尚未调用open()方法; 1-启动,调用了open()方法,未调用send()方法;...2-发送,已经调用了send()方法,未接收到响应; 3-接收,已经接收到部分响应数据; 4-完成,已经接收到全部响应数据; b...." onclick="XmlPostRequest();" value="Post发送请求" /> jquery-1.12.4.js"></script
异步编程——Ajax 一、什么是Ajax 二、Ajax的优缺点 (1)优点 (2)缺点 三、Ajax的使用 (1)状态码 (2)xhr的基本使用 (3)发送get请求 (4)发送post请求 四、封装Ajax...(1)JQuery中的Ajax (2)封装准备工作 (3)封装$.get方法 (4)封装$.post方法 (5)封装$.ajax方法 五、Ajax的约束 六、结束语 一、什么是Ajax Ajax(Asynchronous...open() 方法接收三个参数: 第一个参数: 请求的类型(例如get 、post) 第二个参数: 请求的URL 第三个参数: 是否异步发送请求(默认为true) // 创建了一个Ajax请求 xhr.open...xhr) } } } }, } (4)封装$.post方法 JQuery的 post 方法传入的参数跟 get 方法一样,只不过其内部的实现有略微的区别,就是携带参数的发送不一样,..., xhr) } } } } } (5)封装$.ajax方法 在JQuery中还有一个 ajax 方法,其既可以发送 get 请求,也可以发送 post 请求,该方法可传入多种参数,
它的工作原理是在GET请求参数中附加”_={timestamp}”(详见ajax防止缓存)。该参数不是其他请求所必须的,除了在IE8中,当一个POST请求一个已经用GET请求过的URL。...使用SONP形式调用函数时,例如myurl?callback=?,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。...该jqXHR和设置对象作为参数传递。这是一个Ajax事件 。...三:拓展快捷方法get/post/getJson 方法 (1):get jQuery.get( url [, data ] [, success ] [, dataType ] ) $.ajax...jQuery.post( url [, data ] [, success ] [, dataType ] ) 相当于: $.ajax({ type: "POST", url: url
(3)发送 Ajax 请求 (4)处理服务器响应 3.XMLHttpRequest属性: (1)ReadyState 0 “未初始化”, (XMLHttpRequest)对象已经创建...lopen() 加载要链接的页面 lsend() 把该请求发送到服务器 说明:1) send方法有一个content参数,它标识要向服务器发送的数据,其格式为 查询字符串的形式,例如...;如果指定的 是post方式,则这些参数是放入请求体提交。...3)Request.getParameter(“参数名”)获取对应的值 4) Open方法中指定的是post提交请求,那么在send之前必须设置http头信息 xmlHttp.setRequestHeader...的AJAX实现(一) jQuery对Ajax进行了封装。