• 注册
当前位置:1313e > ajax >正文

ajax学习笔记1

ajax是什么?

ajax即“Asynchronous Javascript + XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。能够快速的从服务器获得所需数据和内容,实现局部刷新让用户能够更好的浏览网站。在没有ajax的时候,网页提交表单必须进行等待和刷新,这时用户必须等待服务器的响应,用户在当前页面不能做其他事情。自从有了ajax,用户在提交表单的时候不需要等待,可以浏览该页的其它东西,表单提交之后服务器能很快的返回所需的数据和网页,网页无需刷新。

ajax能做什么?

在没有ajax的时候,当我们在进行表单验证的时候,我们必须输入完之后提交页面才能检查信息是否合法和有效,网页还得刷新,这样给用户的体验是非常的不好,用户辛辛苦苦输入的信息,当提交时候才发现信息有错误和不合法,这就造成了用户的体验不是特别的好。使用ajax技术之后,检查表单信息能够很快的从服务器获取信息,并且没有刷新,这样用户使用起来就非常的方便。ajax还能实现局部刷新,就像Google地图那样。

下面我们来学习一下怎么使用ajax?

在使用ajax之前必须很好的掌握XMLHttpRequest的对象,因为ajax的使用都在围绕着XMLHttpRequest对象进行。ajax的使用:

(1),首先创建XMLHttpRequest对象

var xmlhttp;
if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safarixmlhttp=new XMLHttpRequest();}
else{// code for IE6, IE5xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}

 (2),调用XMLHttpRequest的方法open(),和send()

xmlhttp.open("GET","URL路径",true);
xmlhttp.send();

 



(3),服务器返回响应responseText
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

 


服务器返回的值赋值给myDiv的标签里。
但是这样还没有达到效果,必须判断http的状态,代码如下
xmlhttp.onreadystatechange=function(){if (xmlhttp.readyState==4 && xmlhttp.status==200){document.getElementById("myDiv").innerHTML=xmlhttp.responseText;}}

 

转载于:https://www.cnblogs.com/Hackerman/p/3810585.html

本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 162202241@qq.com 举报,一经查实,本站将立刻删除。

最新评论

欢迎您发表评论:

请登录之后再进行评论

登录