xmlhttp | 易学教程

2.11 学习总结之 ajax

阅读更多关于 2.11 学习总结之 ajax

一、说在前面昨天学习了 json 数据结构今天学习ajax 并使用 json 二、jquery的ajax操作 1、查询jquery的官方文档发现与ajax相关的jquey方法如下： 1）$.ajax([options]) 2）load(url, [data], [callback]) 3）$.get(url, [data], [fn], [type]) 4）$.getJSON(url, [data], [fn]) 5）$.getScript(url, [callback]) 6）$.post(url, [data], [fn], [type]) 2、jquery的ajax方法的分类（一般我们会将jquery的ajax方法习惯性的分为三种）第一种：原始方法： $.ajax([options]) ：jquery的ajax最底层的方法，可以认为其他的ajax的操作都是基于此方法的。第二种：常用方法： load(url, [data], [callback]) ：对象调用的方法，可以是get请求也可以是post请求 $.get(url, [data], [fn], [type]) ：get提交方式 $.post(url, [data], [fn], [type]) ：post提交方式第三种：高级方法： $.getJSON(url, [data], [fn]) $

php随笔4-基本复习-Ajax

阅读更多关于 php随笔4-基本复习-Ajax

一般使用 XML 作为接收服务器数据的格式，尽管可以使用任何格式，包括纯文本。 HTML 表单 <html> <head> <script src="clienthint.js"></script> </head> <body> <form> First Name: <input type="text" id="txt1" onkeyup="showHint(this.value)"> </form> <p>Suggestions: <span id="txtHint"></span></p> </body> </html> JavaScript　　clienthint.js var xmlHttp function showHint(str) { if (str.length==0) { document.getElementById("txtHint").innerHTML="" return } xmlHttp=GetXmlHttpObject() if (xmlHttp==null) { alert ("Browser does not support HTTP Request") return } var url="gethint.php" url=url+"?q="+str url=url+"&sid="+Math.random() xmlHttp

JS AJAX

阅读更多关于 JS AJAX

1. ajax与XMLHttpRequest 什么是XMLHttpRequest 一种支持异步请求的技术，是ajax的核心 XMLHttpRequest的作用向服务器提出请求并处理响应而不阻塞用户可以在页面加载后进行局部页面更新如何使用ajax 创建XMLHttpRequest异步调用对象创建一个新的HTTP请求，并指定该HTTP请求的方法URL 设置响应HTTP请求状态变化的函数 2. XMLHttpRequest对象简单版本 var xmlhttp ; if ( window . XMLHttpRequest ) { xmlhttp = new XMLHttpRequest ( ) ; } else { xmlhttp = new ActiveXObject ( 'Microsoft.XMLHTTP' ) ; } 全面版本 function createXHR ( ) { if ( typeof XMLHttpRequest != "undefined" ) { return new XMLHttpRequest ( ) ; } else if ( typeof ActiveXObject != "undefined" ) { var xhrArr = [ 'Microsoft.XMLHTTP' , 'MSXML2.XMLHTTP.6.0' , 'MSXML2

Ajax封装库

阅读更多关于 Ajax封装库

AJAX

阅读更多关于 AJAX

1.什么是Ajax? AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。比如说你在淘宝搜索一个东西的时候你输入第一个字搜索框底下会出现很多东西,当你又增加一个字的时候底下的关联内容就会发生变化,这就是ajax。 post与get 一个网页向服务器发送数据会请求数据一般有get和post二种方法下面先对这二种方法进行介绍: get :GET请求会将发送数据放到URL后面,并且对传送数据大小有限制并且不安全 < form action = "http:\\www.baidu.com" method = "get" > < input type = "text" name = "userName" > < br > < input type = "password" name = "userPwd" > < br > < input type = "submit" value = "提交" > < br > < / form > post :将发送的数据保存至文件头没有数据大小限制安全一般多采用这种方式这里的php文件可以里面啥都不写 < form action = "" method = "get" > < input type = "text" name = "userName" > < br > < input type =

动态加载JS代码

阅读更多关于动态加载JS代码

　　到处查资料研究js动态脚本的加载，找到以下7种方法，总有一种适合你！　　首先我们需要一个被加载的js文件，我在一个固定文件夹下创建了一个package.js，打开后在里面写一个方法functionOne，很简单，代码如下： function functionOne(){ alert("成功加载"); } 　　后面的html文件都创建在同一个目录下。方法一：直接document.write 　　在同一个文件夹下面创建一个function1.html，代码如下： <html> <head> <title></title> <script type="text/javascript"> function init() { //加载js脚本 document.write("<script src='package.js'><\/script>"); //加载一个按钮 document.write("<input type=\"button\" value=\"测试运行效果\" onclick=\"operation()\"\/>"); //如果马上使用会找不到，因为还没有加载进来，此处会报错 functionOne(); } function operation() { //可以运行，显示“成功加载” functionOne(); } </script> </head>

局部刷新Ajax

阅读更多关于局部刷新Ajax

　　1.1.1 Ajax的由来: 　　如下注册界面　　　　界面在注册的时候,需要用户输入的信息有很多,假如我们将所有的数据都录入后,在点击会员注册按钮,然后将整个页面数据进行提交,此时如果该用户名已经被占用,那么我们就需要用户重新进行输入,这时候就会造成极差的用户体验,此时应该有一个正确的需求: 　　输入完用户名后,直接在用户名后边完成是否重复,是否可用的验证在验证用户名是否可用的同时,又不能影响我后续数据的输入　　此时,可以想象到,传统的servlet已经无法解决我们的需求,需要一个新的技术来解决这个问题-------AJAX. 　　也就是说从此处,我们可以基本总结出一些　　 1.2.1 ajax的基本特点: 　局部刷新,不用刷新整个页面,所以数据量小, 异步请求　　　　　　此时,再加上一点就是,自动发送请求,同样是使用HTTP协议进行数据传输　　 1.3.1 企业为什么特别喜欢 ajax？　　　　数据量小，请求和响应速度快，用户体验好　　　　钱。企业的通信费用，是按照流量计算，那么数据量越小，越省钱。　　　　AJAX的运行原理图: 　　　　　　1.3.1 快速入门　　　　 API文档：参W3CSCHOOL 　　　　　　　　　　　　获取 XMLHttpRequest对象（ ajax核心对象，ajax引擎）　　　　代码演示: 　　

js清除浏览器缓存的几种方法

阅读更多关于 js清除浏览器缓存的几种方法

关于浏览器缓存浏览器缓存，有时候我们需要他，因为他可以提高网站性能和浏览器速度，提高网站性能。但是有时候我们又不得不清除缓存，因为缓存可能误事，出现一些错误的数据。像股票类网站实时更新等，这样的网站是不要缓存的，像有的网站很少更新，有缓存还是比较好的。今天主要介绍清除缓存的几种方法。清理网站缓存的几种方法 meta方法 //不缓存 <META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> <META HTTP-EQUIV="expires" CONTENT="0"> 清理form表单的临时缓存 <body onLoad="javascript:document.yourFormName.reset()"> 其实form表单的缓存对于我们书写还是有帮助的，一般情况不建议清理，但是有时候为了安全问题等，需要清理一下！ jquery ajax清除浏览器缓存方式一：用ajax请求服务器最新文件，并加上请求头If-Modified-Since和Cache-Control,如下: $.ajax({ url:'www.haorooms.com', dataType:'json', data:{},

Ajax

阅读更多关于 Ajax

1.什么是Ajax 异步的js和xml，它能使用js访问服务器，而且是异步访问。异步刷新技术，用来在当前页面内响应不同的请求内容。服务器给客户端的响应一般是整个页面，一个html完整页面！但在Ajax中因为是局部刷新，那么服务器就不用再响应整个页面，而只是数据！ 1、异步交互和同步交互异步： > 发送一个请求后，无序等待服务器的响应，然后就可以发第二个请求！ > 可以使用js接收服务器的响应，然后使用js来局部刷新！同步： > 发送一个请求，就要等待服务器的响应结束，然后才能发第二个请求！中间这段时间就是卡 > 刷新的是整个页面！ 2.为什么需要Ajax 需求：有时候我们需要将本次的响应结果和前面的响应结果内容在同一个页面中展现给用户。解决： 1、在后台服务器将多次响应内容重新拼接成一个jsp页面响应。但是这样会造成很多响应内容被重复的响应，资源浪费 2、使用Ajax技术 3.Ajax的优缺点优点：异步刷新：增强用户体验性能：因为服务器无需再响应整个页面，只需要响应部分内容，所以服务器的压力减轻了！缺点： > Ajax不能应用在所有场景! > Ajax无端的增多了对服务器的访问次数，给服务器带来了压力！ ------------------------------------------------------------------------------

AJAX—复习总结

阅读更多关于 AJAX—复习总结

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

订阅 xmlhttp