xmlhttp | 易学教程

ajax

阅读更多关于 ajax

ajax是什么? asynchronous javascript and xml：异步的js和xml 它能使用js访问服务器，而且是异步访问！服务器给客户端的响应一般是整个页面，一个html完整页面！但在ajax中因为是局部刷新，那么服务器就不用再响应整个页面！而只是数据！ text：纯文本 xml：大家都熟悉！！！ json：它是js提供的数据交互格式，它在ajax中最受欢迎！异步交互和同步交互同步：发一个请求，就要等待服务器的响应结束，然后才能发第二个请求！中间这段时间就是一个字“卡” 刷新的是整个页面！异步：发一个请求后，无需等待服务器的响应，然后就可以发第二个请求！可以使用js接收服务器的响应，然后使用js来局部刷新！ . ajax应用场景百度的搜索框用户注册时（校验用户名是否被注册过）用户在首页面点击选择分类条时 . ajax的优缺点优点：异步交互：增强了用户的体验！性能：因为服务器无需再响应整个页面，只需要响应部份内容，所以服务器的压力减轻了！缺点： ajax不能应用在所有场景！ ajax无端的增多了对服务器的访问次数，给服务器带来了压力！ ajax发送异步请求（四步操作）第一步（得到XMLHttpRequest） ajax其实只需要学习一个对象：XMLHttpRequest，如果掌握了它，就掌握了ajax！！！

ajax json

阅读更多关于 ajax json

<html> <head> <title>用户注册</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <script type="text/javascript"> //创建ajax引擎 function getXmlHttpObject(){ var xmlHttp=null; try { // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); } catch (e) { // Internet Explorer try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } } return xmlHttp; } var myXmlHttpRequest=""; //验证用户名是否存在 function checkName(){ myXmlHttpRequest=getXmlHttpObject(); //怎么判断创建ok if(myXmlHttpRequest){ //通过myXmlHttpRequest对象发送请求到服务器的某个页面 /

js实现Ajax

阅读更多关于 js实现Ajax

//1.创建核心对象 var xmlhttp ; if ( window . XMLHttpRequest ) { // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new XMLHttpRequest ( ) ; } else { // code for IE6, IE5 xmlhttp = new ActiveXObject ( "Microsoft.XMLHTTP" ) ; } //2. 建立连接 /* 参数： 1. 请求方式：GET、POST * get方式，请求参数在URL后边拼接。send方法为空参 * post方式，请求参数在send方法中定义 2. 请求的URL： 3. 同步或异步请求：true（异步）或 false（同步） */ xmlhttp . open ( "GET" , "ajaxServlet?username=tom" , true ) ; //3.发送请求 xmlhttp . send ( ) ; //4.接受并处理来自服务器的响应结果 //获取方式：xmlhttp.responseText //什么时候获取？当服务器响应成功后再获取 //当xmlhttp对象的就绪状态改变时，触发事件onreadystatechange。 xmlhttp . onreadystatechange

js 异步实现与编程

阅读更多关于 js 异步实现与编程

同步同步同步是代码从上到下依次执行，上一个任务结束后，才能执行下一个任务。如下图所示，任务1执行完后，再执行任务2，任务2执行完后再执行任务3，依次类推... 同步优势同步是任务有序进行，不会造成资源上处理上的混乱。 1.任务有序进行较好的处理了任务之间的依赖性，如后一个任务需要前一个任务的结果。 2.如果多个任务处理同一个资源，不会造成资源处理的混乱。 var a = 1; function task1(){ 　　console.log(a); 　　for(var i = 0; i <10000;i++){ 　　　　a++; } 　　console.log(a); } function task2(){ 　　console.log(a); 　　for(var i = 0; i <10000;i++){ 　　　　a--; } 　　console.log(a); } task1(); task2(); task1、task2都操作变量a。先执行task1，执行完 task1后得到一个a的结果值。然后task2处理task1处理的结果值。如果task1与task2不是同步的，task1没有执行完，去执行task2，task2执行一会，再去执行task1，... ，可能a的值都不是task1、 task2想要的结果。同步弊端同步上从上到下依次执行的，必须等到上个任务完成

PHP 实例 - AJAX 实时搜索

阅读更多关于 PHP 实例 - AJAX 实时搜索

AJAX Live Search 在下面的实例中，我们将演示一个实时的搜索，在您键入数据的同时即可得到搜索结果。实时的搜索与传统的搜索相比，具有很多优势：当键入数据时，就会显示出匹配的结果当继续键入数据时，对结果进行过滤如果结果太少，删除字符就可以获得更宽的范围在下面的文本框中搜索 W3CSchool 的页面上面实例中的结果在一个 XML 文件（ links.xml ）中进行查找。为了让这个例子小而简单，我们只提供 6 个结果。实例解释 - HTML 页面当用户在上面的输入框中键入字符时，会执行 "showResult()" 函数。该函数由 "onkeyup" 事件触发： <html> <head> <script> function showResult(str) { if (str.length==0) { document.getElementById("livesearch").innerHTML=""; document.getElementById("livesearch").style.border="0px"; return; } if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); }

PHP 和 AJAX 投票

阅读更多关于 PHP 和 AJAX 投票

AJAX 投票在这个 AJAX 实例中，我们将演示一个投票程序，网页在不重新加载的情况下，就可以获得结果。到目前为止，您喜欢 PHP 和 AJXA 吗？ Yes: No: 本例包括四个元素： HTML 表单 JavaScript PHP 页面存放结果的文本文件 HTML 表单这是 HTML 页面。它包含一个简单的 HTML 表单，以及一个与 JavaScript 文件的连接： <html><head><script src="poll.js"></script> </head><body><div id="poll"><h2>Do you like PHP and AJAX so far?</h2><form>Yes: <input type="radio" name="vote" value="0" onclick="getVote(this.value)"><br />No: <input type="radio" name="vote" value="1" onclick="getVote(this.value)"></form></div></body></html> 例子解释 - HTML 表单正如您看到的，上面的 HTML 页面包含一个简单的 HTML 表单，其中的 <div> 元素带有两个单选按钮。表单这样工作：当用户选择 "yes" 或 "no" 时

PHP 实例 - AJAX 投票

阅读更多关于 PHP 实例 - AJAX 投票

实例解释 - HTML 页面当用户选择上面的某个选项时，会执行名为 "getVote()" 的函数。该函数由 "onclick" 事件触发。 poll.html 文件代码如下： <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script> function getVote(int) { if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 执行代码 xmlhttp=new XMLHttpRequest(); } else { // IE6, IE5 执行代码 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("poll").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","poll_vote.php?vote="+int,true); xmlhttp.send();

AJAX ResponseXML 实例

阅读更多关于 AJAX ResponseXML 实例

与 responseText 以字符串返回 HTTP 响应不同，responseXML 以 XML 返回响应。 ResponseXML 属性返回 XML 文档对象，可使用 W3C DOM 节点树的方法和属性来检查和解析该对象。 AJAX ResponseXML 实例在下面的 AJAX 实例中，我们将演示网页如何使用 AJAX 技术从数据库中读取信息。这次，这些从数据库中选取的数据将被转换为 XML 文档，然后我们将使用 DOM 来提取要显示的值。选取下拉列表中的名称选择客户： Alfreds Futterkiste North/South Wolski Zajazd AJAX 实例解释上面的例子包含一个 HTML 表单，若干个保留所返回数据的 <span> 元素，以及指向一段 JavaScript 的链接： <html> <head> <script src="selectcustomer_xml.js"></script> </head> <body> <form action=""> <label>选择客户： <select name="customers" onchange="showCustomer(this.value)"> <option value="ALFKI">Alfreds Futterkiste</option> <option value=

15 Ajax

阅读更多关于 15 Ajax

一、什么是 AJAX ？ AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图、开心网等等。 1、AJAX是基于现有的Internet标准 AJAX是基于现有的Internet标准，并且联合使用它们： XMLHttpRequest 对象 (异步的与服务器交换数据) JavaScript/DOM (信息显示/交互) CSS (给数据定义样式) XML (作为转换数据的格式) 注意：AJAX应用程序与浏览器和平台无关的！ 2、AJAX 工作原理二、AJAX - 创建 XMLHttpRequest 对象 1、XMLHttpRequest 对象 XMLHttpRequest 是 AJAX 的基础。所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。 XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 2、创建 XMLHttpRequest

Web项目中，常用的几种清理浏览器缓存的方式

阅读更多关于 Web项目中，常用的几种清理浏览器缓存的方式

在B/S架构的项目中，访问web项目时，往往需要清理浏览器的缓存数据，js ，css 等等。方法1：在引用的js ,css ,图片，等文件的url 处加一个变量，生成一个随机数字 <script type="text/javascript" src="<%=request.getContextPath()%>/test/common/jquery.js ?r="+Math.random() ></srcipt> 方法2：在jsp或html页面中，meta标签中添加属性值 <META HTTP-EQUIV="pragma" CONTENT="no-cache" > <META HTTP-EQUIV="Cache-Control" CONTENT=" no-cache , must-revalidate"> <META HTTP-EQUIV="expires" CONTENT="0" > 方法3：在js提交表单时的请求方法上添加控制缓存的方法如果是form表单提交，则在表单上添加一个属性 <body onLoad="javascript:document.creatForm.reset();" > 2.如果是jquery的ajax提交方式，则如下，添加before函数做处理 $.ajax({ url:'QueryUserList.do', dataType:'json',

订阅 xmlhttp