首页
学习
活动
专区
圈层
工具
发布

初学者必看Ajax的总结

1:请求已经建立,但是还没有发送(还没有调用 send() )。 2:请求已发送,正在处理中(通常现在可以从响应中获取内容头)。...3:请求在处理中;通常响应中已有部分数据可用了,但是服务器还没有完成响应的生成。 4:响应已完成;您可以获取并使用服务器的响应了。...三、 jQuery 中的 Ajax jQuery 中的 ajax 封装案例 //ajax 请求后台数据 var btn = document.getElementsByTagName("input")...jQuery 中的 Ajax 的一些方法 jquery 对 Ajax 操作进行了封装,在 jquery 中的$.ajax()方法属于最底层的方法,第 2 层是load() 、$.get() 、$.post...在项目中需要传递一些参数给服务器中的页面,那么可以使用$.get()和$.post()或$.ajax()方法 注意:$.get()和$.post()方法是 jquery 中的全局函数 $.get()方法

3.7K40
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    AJAX-前后端交互的艺术

    (后面说) 举个例子: 如果我们通过 “传统方式” 对这个页面中的内容分页,这样的话,每次分页都会刷新整个页面,导致已经成功显示的头部信息,以及左侧固定信息,重新从服务器中获取,造成了带宽和服务器资源的损耗...XML一般作为从服务端接受数据的格式,当然也可以用包括 plain text 等 其他格式 AJAX中常使用的两种数据传输格式为:XML/JSON ,不过现在更多的是使用 JSON 格式,它作为一种轻量级的数据交换格式...,具有良好的响应能力 将一些工作从服务器转移到客户端中,节省了服务器和带宽资源 按需取数据 ,减轻了服务器负担,也大大减少了冗余请求 缺点: AJAX 主要依赖于JavaScript ,浏览器对 JavaScript...Data is stored in XML format and fetched from the server. 从服务端获取的数据以 XML 格式存储。...,并且我们对 AJAX 有了一定的认识,但是 AJAX 的一些应用场景,以及AJAX 如何搭配 常见的 如 JSON 等数据格式,实现前后端的交互,并没有提到,我们就放到后面说,将全部的内容挤到一起,无论是从篇幅或者说内容的针对性都是不够强的

    2.4K10

    一个小时学会jQuery

    jQuery 1.8.3 2012年11月14日 jQuery 1.8.3 发布,修复 bug 和性能衰退问题、IE8中的HTML相关Bug、jQuery 1.8.2在IE9中调用ajax失败的问题 jQuery...//从jQuery对象中获得下标为1的DOM元素,并调用DOM属性 $p.get(1).innerHTML="bar DOM"; AJAX应用可以仅向服务器发送并取回必需的数据,它使用SOAP或其他一些基于XML的Web Service接口,并在客户端采用JavaScript处理来自服务器的响应。...5.2、数据类型 $.ajax()函数依赖服务器提供的信息来处理返回的数据。如果服务器报告说返回的数据是XML,那么返回的结果就可以用普通的XML方法或者jQuery的选择器来遍历。...提供data和type两个参数:data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。

    22.4K71

    jQuery - AJAX详解笔记

    简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。 ? 关于 jQuery 与 AJAX jQuery 提供多个与 AJAX 有关的方法。...通过 jQuery AJAX 方法,您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON - 同时您能够把这些外部数据直接载入网页的被选元素中。...load() 方法从服务器加载数据,并把返回的数据放入被选元素中 $(“”).load(URL,data,callback); 必需的 URL 参数规定您希望加载的 URL。...jQuery - AJAX get() 和 post() 方法 HTTP 请求:GET vs. POST 两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST。...GET - 从指定的资源请求数据 POST - 向指定的资源提交要处理的数据 GET 基本上用于从服务器获得(取回)数据。注释:GET 方法可能返回缓存数据。 POST 也可用于从服务器获取数据。

    92120

    ajax全套

    属性 描述 responseText 获得字符串形式的响应数据。 responseXML 获得 XML 形式的响应数据。...responseText 属性 如果来自服务器的响应并非 XML,请使用 responseText 属性。...responseXML 属性 如果来自服务器的响应是 XML,而且需要作为 XML 对象进行解析,请使用 responseXML 属性: 请求 books.xml 文件,并解析响应: xmlDoc=xmlhttp.responseXML...Ajax和原生 Ajax与后台的data数据交互   注意:POST方式传data类数据的时候,原生 Ajax需要更改请求头(原因和原理都在代码注释中),jQuery会自动帮忙修改请求头;他们其实本质都是原生...  原理:服务器在给跨域过来访问的浏览器的请求作出响应时在响应头里面加一些数据让浏览器接收到响应的时候不再阻止   别名:跨站资源共享,虽然浏览器有同源策略,但是我就是愿意允许你获取我服务器的数据

    4.1K20

    JavaWeb全栈开发前后端交互通用标准

    完成接口开发后,调一下接口,看一下返回的数据是否符合要求。 前端请求参数的形式 前端请求参数的形式:GET和POST两种方式。 GET:从指定的服务器中获取数据(方便,较不安全)。...Ajax AJAX = 异步 JavaScript 和 XML。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。...load() 方法从服务器加载数据,并把返回的数据放入被选元素中。...两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST。 GET:从指定的资源请求数据 POST:向指定的资源提交要处理的数据 GET 基本上用于从服务器获得(取回)数据。...注释:GET 方法可能返回缓存数据。 POST 也可用于从服务器获取数据。不过,POST 方法不会缓存数据,并且常用于连同请求一起发送数据。

    8.6K20

    jQuery ajax - ajax() 方法jQuery ajax - ajax() 方法

    提供 data 和 type 两个参数:data 是 Ajax 返回的原始数据,type 是调用 jQuery.ajax 时提供的 dataType 参数。...在 jQuery 1.4 中,它也会检查服务器指定的 'etag' 来确定数据没有被修改过。 jsonp 类型:String 在一个 jsonp 请求中重写回调函数的名字。...数据类型 $.ajax() 函数依赖服务器提供的信息来处理返回的数据。如果服务器报告说返回的数据是 XML,那么返回的结果就可以用普通的 XML 方法或者 jQuery 的选择器来遍历。...JSON 数据是一种能很方便通过 JavaScript 解析的结构化数据。如果获取的数据文件存放在远程服务器上(域名不同,也就是跨域获取数据),则需要使用 jsonp 类型。...它要求一些服务器端的代码来检测并处理查询字符串参数。

    16.9K30

    Ajax,jQuery ajax,axios和fetch介绍、区别以及优缺点

    中秋节快乐 三年前入职的时候还是一个只会使用Ajax和Jquery Ajax的菜鸟,由于早期Jquery不支持大文件请求的问题,要么拆分文件,要么用XHR~今天总结一篇数据请求的 进入今天的世界吧~~~...同样也是基于[Promise]对象的。特性:从浏览器中创建 XMLHttpRequests、从 node.js 创建 http 请求、支持 Promise API、拦截请求和响应等。...01 Ajax = 异步 JavaScript 和 XML 02 Ajax是一种用于创建快速动态网页的技术 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。...你只需要简单的创建一个请求对象实例,打开一个URL,然后发送这个请求。当传输完毕后,结果的[HTTP状态]以及返回的响应内容也可以从请求对象中获取。...一些处理非文本返回类型的用例可能包含一些下面章节描述的操作和分析。

    3.1K62

    AJAX使用说明书

    即使用Javascript语言与服务器进行异步交互,传输的数据为XML(当然,传输的数据不只是XML)。...; 因为服务器响应内容不再是整个页面,而是页面中的部分内容,所以AJAX性能高; AJAX实际应用场景 搜索引擎根据用户输入的关键字,自动提示检索关键字。...当文件框发生了输入变化时,使用AJAX技术向服务器发送一个请求,然后服务器会把查询到的结果响应给浏览器,最后再把后端返回的结果展示出来。 整个过程中页面没有刷新,只是刷新页面中的局部位置而已!...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataTYpe参数。函数返回的值将由jQuery进一步处理。...15.ifModified 要求为Boolean类型的参数,默认为false。仅在服务器数据改变时获取新数据。服务器数据改变判断的依据是Last-Modified头信息。

    3.4K70

    全面分析前端的网络请求方式

    一、前端进行网络请求的关注点 大多数情况下,在前端发起一个网络请求我们只需关注下面几点: 传入基本参数( url,请求方式) 请求参数、请求参数类型 设置请求头 获取响应的方式 获取响应头、响应状态、响应结果...这也说明了,在 fetch执行完毕后,不能直接在 response中获取到返回值而必须调用 text()、json()等函数才能获取到返回值。...由于 fetch是一个非常底层的 API,它并没有被进行很多封装,还有许多问题需要处理: 不能直接传递 JavaScript对象作为参数 需要自己判断返回值类型,并执行响应获取返回值的方法 获取返回值方法只能调用一次...fetch封装好了,可以愉快的使用了。 嗯,axios真好用... 十二、跨域总结 谈到网络请求,就不得不提跨域。 浏览器的同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。...src属性中的链接可以访问跨域的 js脚本,利用这个特性,服务端不再返回 JSON格式的数据,而是返回一段调用某个函数的 js代码,在 src中进行了调用,这样实现了跨域。

    2.6K40

    Ajax的使用

    本视频教程来自B站@遇见狂神说,有需要的朋友可以去搜索观看他的视频学习。...使用ajax技术的网页,通过在后台服务器进行少量的数据交换,就可以实现异步局部更新。 使用Ajax,用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面。...Ajax的核心是XMLHttpRequest对象(XHR)。XHR为向服务器发送请求和解析服务器响应提供了接口。能够以异步方式从服务器获取新数据。 jQuery 提供多个与 AJAX 有关的方法。...通过 jQuery AJAX 方法,您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON – 同时您能够把这些外部数据直接载入网页的被选元素中。...jQuery 不是生产者,而是大自然搬运工。 jQuery Ajax本质就是 XMLHttpRequest,对他进行了封装,方便调用! jQuery.ajax(...)

    2.2K30

    AJAX常见面试题(修订版)

    传统的web前端与后端的交互中,浏览器直接访问Tomcat的Servlet来获取数据。Servlet通过转发把数据发送给浏览器。...服务器并不是以转发的方式响应,而是以流的方式把数据返回给浏览器 XMLHttpRequest异步对象会不停监听服务器状态的变化,得到服务器返回的数据,就写到浏览器上【因为不是转发的方式,所以是无刷新就能够获取服务器端的数据...)发送HTTP请求. (5)获取异步调用返回的数据. (6)使用JavaScript和DOM实现局部刷新. javascript¨K0K AJAX请求总共有多少种CALLBACK AJAX请求总共有多少种...有,IE中通过new ActiveXObject()得到,Firefox中通过newXMLHttpRequest()得到 当然了,我们一般使用jquery封装好的ajax方法,那就没有那么麻烦了。...所以基于这一点,可以动态创建script标签,使用标签的src属性访问js文件的形式获取js脚本,并且这个js脚本中的内容是函数调用,该函数调用的参数是服务器返回的数据,为了获取这里的参数数据,需要事先在页面中定义回调函数

    1.1K20

    JAVA—— AJAX

    文章目录 1、Ajax快速入门 1.1、AJAX介绍 1.2、原生JS实现AJAX 1.3、原生JS实现AJAX详解 1.4、JQuery的GET方式实现AJAX 1.5、JQuery的POST方式实现...status:200-响应已全部 OK。 获得响应数据形式 ​ responseText:获得字符串形式的响应数据。 ​ responseXML:获得 XML 形式的响应数据。...1.4、JQuery的GET方式实现AJAX 1.5、JQuery的POST方式实现AJAX 1.6、JQuery的通用方式实现AJAX 1.7、小结 AJAX(Asynchronous JavaScript...dataType:预期的返回数据的类型,取值可以是 xml, html, js, json, text等。 success:请求成功时调用的回调函数。 error:请求失败时调用的回调函数。...根据当前页和每页显示的条数来请求查询分页数据。 当前页码+1。 服务器 获取请求参数(当前页,每页显示的条数)。 根据当前页码和每页显示的条数,调用业务层的方法,得到分页 Page 对象。

    3.7K30

    jquery中ajax参数详解

    ---- title: $.ajax参数详解 date: 2017-04-08 15:25:57 tags: ajax categories: ajax ---- jquery中的ajax的各个参数的详细解读...提供 data 和 type 两个参数:data 是 Ajax 返回的原始数据,type 是调用 jQuery.ajax 时提供的 dataType 参数。...在 jQuery 1.4 中,它也会检查服务器指定的 'etag' 来确定数据没有被修改过。 jsonp 类型:String 在一个 jsonp 请求中重写回调函数的名字。...数据类型 $.ajax() 函数依赖服务器提供的信息来处理返回的数据。如果服务器报告说返回的数据是 XML,那么返回的结果就可以用普通的 XML 方法或者 jQuery 的选择器来遍历。...JSON 数据是一种能很方便通过 JavaScript 解析的结构化数据。如果获取的数据文件存放在远程服务器上(域名不同,也就是跨域获取数据),则需要使用 jsonp 类型。

    3.1K30

    前端-Ajax的全面总结

    True 表示脚本会在 send() 方法之后继续执行,而不等待来自服务器的响应。 ?...(后面会有http状态码的详细解读) 三.JQuery中的Ajax JQuery对原生Ajax做了很好的封装,使用起来非常简单方便,具体的很多方法如 $.ajax,$.post, $.get, $.getJSON...五.success和complete的区别 JQuery封装的Ajax回调函数中,success、error、complete是最常用的三个,其中,success和error很好区别,一个是请求成功调用的...(状态码404、403、301、302...都会进入complete,只要不出错就会调用) 六.XML -> JSON Ajax中的是 "x" 指的就是XML。...http请求中的一个重要关注点就是请求头和响应头的内容,从这两个头文件中可以看出很多东西,当我们用发送一个ajax请求的时候,如果没有达到预期的效果,那么就需要打开浏览器的调试工具,从NetWork中找到相应的

    3.1K30

    AJAX常见面试题(修订版)

    AJAX应用和传统Web应用有什么不同? 传统的web前端与后端的交互中,浏览器直接访问Tomcat的Servlet来获取数据。Servlet通过转发把数据发送给浏览器。...服务器并不是以转发的方式响应,而是以流的方式把数据返回给浏览器 XMLHttpRequest异步对象会不停监听服务器状态的变化,得到服务器返回的数据,就写到浏览器上【因为不是转发的方式,所以是无刷新就能够获取服务器端的数据...)发送HTTP请求. (5)获取异步调用返回的数据. (6)使用JavaScript和DOM实现局部刷新. javascript¨K0K AJAX请求总共有多少种CALLBACK AJAX请求总共有多少种...有,IE中通过new ActiveXObject()得到,Firefox中通过newXMLHttpRequest()得到 当然了,我们一般使用jquery封装好的ajax方法,那就没有那么麻烦了。...所以基于这一点,可以动态创建script标签,使用标签的src属性访问js文件的形式获取js脚本,并且这个js脚本中的内容是函数调用,该函数调用的参数是服务器返回的数据,为了获取这里的参数数据,需要事先在页面中定义回调函数

    94910
    领券