这次给大家带来ajax的学习笔记，使用ajax的注意事项有哪些，下面就是实战案例，一起来看一下。XMLHttpRequest原型对象： let xhr = new XMLHttpRequest(); //new一个XMLHttpRequest构造函数的实例：xhr，open、send、status、onreadystatechange继承自XMLHttpRequest；每当 readyState 改变时，就会触发 onreadystatechange 事件。 xhr请求： xhr.open(GET,http://118.25.16.102:3000/user/hive_post_cascader,true)；//readySt...
第十五章 JavaScript与XML 1.浏览器对XML DOM的支持 1.1 DOM2级核心 ①在DOM2级在document.implementation中引入了createDocument()方法（IE6~8不支持）。 可以创建一个空白XML。 var xmldom = document.implemention.createDocument(namespaceUri,root,docype); ②要创建一个新的文档元素为的XML文档，可用如下代码： var xmldom = document.implementation.createDocument("","root",null); aert(xmldom.documentElement.tagName...
AJAX简单介绍： AJAX 指异步 JavaScript 及 XML（Asynchronous JavaScript And XML），是指一种创建交互式网页应用的网页开发技术。通过 AJAX，JavaScript 可使用 JavaScript 的 XMLHttpRequest 对象来直接与服务器进行通信。通过这个对象，您JavaScript 可在不重载页面的情况与 Web 服务器交换数据。 jQuery是一种javascript框架，是对javascript的一种轻量级的封装，容易理解。 Ajax是一种由xml+javascript组合起来的一种异步请求...
缓存问题： 何谓缓存问题？即当浏览器的输入内容相同，即请求的URL相同，这样浏览器就会去读缓存，两次的内容一样，就不会和服务器端进行交互。 解决方式：在请求的url中加上时间戳。 通过我的测试，IE、360两次用户名输入一致时不会和服务器端交互，firefox即使两次用户名输入的一样，仍然会和服务器端交互。 即：firefox的中服务器端返回的temp值会每次加1，IE、360就不会改变。故加上时间戳在这三种浏览器中都不会再有缓存问题。...
摘要：本节补充ajax学习笔记1中 第二种方式：使用XMLHttpRequest对象的responseXML的方式来接受XML数据对象的DOM对象 在ajax学习笔记1中已经对准备工作和需要用到的知识做了比较详细的介绍，本节主要介绍需要修改的代码以及新增的代码 .新增一个servlet类 AJAXXMLServer.java 代码如下: import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; i...
摘要： ajax学习1中介绍了使用jquery封装的ajax来接收服务器端的文本数据以及使用XMLHttpReques对象来接收服务器端的文本数据 ajax学习2中介绍了使用XMLHttpReques来接收服务器的端XML数据，本节主要介绍使用jqery封装的ajax使用XML格式接收服务器端的数据。 由于很多知识都已经做了详细介绍，本节只介绍需要修改的代码，使用jqery封装的ajax使用XML格式接收服务器端的数据，web.xml、后台的servet都不用改， 只是ajax.html中调用的...
请求数据 我们可以使用 GET、POST 两种方式向后端请求数据，这里以 PHP 为例，假设有测试页面 age.php，用于返回年龄信息，内容为：if(isset($_REQUEST[name]) && $_REQUEST[name] == stephen) {echo 23; }当前页面内容为：stephenage : 我们希望点击 a 标签后，在不刷新页面的前提下获取年龄信息。首先用 GET 方式请求数据: GET 方式点击 a 标签后，当前页面为：数据请求成功。我们再用 POST 方式测试下： POST 方式代码几乎一样，...
加载 HTML 我们通常使用加载 HTML 的方法来加载 HTML 片段，并插入到指定位置，假设当前页面为：load同目录下的 test.html 文件内容为：test我们可以使用 load 方法来加载 HTML，将其绑定到按钮的点击事件上：点击按钮后：加载 JSON JSON 即 Javascript Object Notation，直译过来即 Javascript 对象表示法，因此它能很方便地表示和传输数据，它规定键和值都必须包含在双引号内，且函数为非法 JSON 值。{"name": "stephenlee", "se...
观察函数 ajaxStart 和 ajaxStop 函数可以用来作为观察函数，我们可以使用观察函数的回调函数来做相应的处理。 当 Ajax 请求开始且尚未进行其他传输时，会触发 ajaxStart 的回调函数。 当最后一次活动请求终止时，则会执行通过 ajaxStop 注册的回调函数。 由于观察函数具备全局性，所以需要使用 $(document) 来调用。我们通过使用 Ajax 方法取得一个图片的例子来测试两个函数: 当前页面为：load同目录下的 test.html 内容为：点击按...
Ajax及其工作原理 AJAX 是一种与服务器交换数据无需刷新网页的技术，最早由Google公司在谷歌地图里使用，并迅速风靡。 AJAX是不能跨域的，如需跨域，可以使用document.domain=a.com；或者使用服务器代理，代理XMLHttpRequest文件 AJAX是基于现有的Internet标准，并且联合使用它们： XMLHttpRequest 对象 (异步的与服务器交换数据) JavaScript/DOM (信息显示/交互) CSS (给数据定义样式) XML (作为转换数据的格式)创建 XMLHttpReque...
本文实例讲述了jQuery学习笔记之Ajax用法。分享给大家供大家参考，具体如下： 一、Ajax请求 1、jQuery.ajax(options) 通过 HTTP 请求加载远程数据。jQuery 底层 AJAX 实现。简单易用的高层实现见 .get,.post 等。 .ajax()返回其创建的XMLHttpRequest对象。大多数情况下你无需直接操作该对象，但特殊情况下可用于手动终止请求。.ajax() 只有一个参数：参数 key/value 对象，包含各配置及回调函数信息。详细参数选项见下。 注意： 如...
本文实例讲述了jQuery学习笔记之Ajax用法。分享给大家供大家参考，具体如下： 一、Ajax请求 1、jQuery.ajax(options) 通过 HTTP 请求加载远程数据。jQuery 底层 AJAX 实现。简单易用的高层实现见 .get,.post 等。 .ajax()返回其创建的XMLHttpRequest对象。大多数情况下你无需直接操作该对象，但特殊情况下可用于手动终止请求。.ajax() 只有一个参数：参数 key/value 对象，包含各配置及回调函数信息。详细参数选项见下。 注意： 如...
Ajax及其工作原理 AJAX 是一种与服务器交换数据无需刷新网页的技术，最早由Google公司在谷歌地图里使用，并迅速风靡。 AJAX是不能跨域的，如需跨域，可以使用document.domain=a.com；或者使用服务器代理，代理XMLHttpRequest文件 AJAX是基于现有的Internet标准，并且联合使用它们： XMLHttpRequest 对象 (异步的与服务器交换数据) JavaScript/DOM (信息显示/交互) CSS (给数据定义样式) XML (作为转换数据的格式)创建 XMLHttpReque...
观察函数 ajaxStart 和 ajaxStop 函数可以用来作为观察函数，我们可以使用观察函数的回调函数来做相应的处理。 当 Ajax 请求开始且尚未进行其他传输时，会触发 ajaxStart 的回调函数。 当最后一次活动请求终止时，则会执行通过 ajaxStop 注册的回调函数。 由于观察函数具备全局性，所以需要使用 $(document) 来调用。我们通过使用 Ajax 方法取得一个图片的例子来测试两个函数: 当前页面为： <div></div> <button>load</button> 同目...
加载 HTML 我们通常使用加载 HTML 的方法来加载 HTML 片段，并插入到指定位置，假设当前页面为： <div></div> <button>load</button> 同目录下的 test.html 文件内容为： <span>test</span>我们可以使用 load 方法来加载 HTML，将其绑定到按钮的点击事件上：$(button).click(function() {$(div).load(test.html);});点击按钮后：加载 JSON JSON 即 Javascript Object Notation，直译过来即 Javascript 对象表示法，因此它能很方便地...