ajax学习笔记1
2024-08-29 00:02:19
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, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=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;
}
}
最新文章
- windows系统 SVN出现 can't open file‘\XXX\txn-current-lock’ 拒绝访问 问题处理
- 使用List把一个长字符串分解成若干个短字符串
- 广度优先搜索 codevs 2806 红与黑
- 转:自建CDN防御DDoS(1, 2, 3)infoq
- linux下MySQL 5.6源码安装
- 用JAX-WS在Tomcat中公布WebService
- oracle rowid 使用
- 怎样实现多文件上传 在iOS开发中
- Ubuntu下使用vpn连接远程服务器
- conda 查看已有环境
- Oracle扩展的统计信息
- 2019.03.26 bzoj4447: [Scoi2015]小凸解密码(线段树)
- orm Lite的使用
- ES6 新增数据类型检测 Set Map Proxy
- 【.Net】Thread.Start()与ThreadPool.QueueUserWorkItem()的区别
- PHP实现验证码功能
- [ES6] 05. The leg keyword -- 3. Block Scope
- Codeforces Round #413 B. T-shirt buying
- 阅读优秀的JAVA模板引擎Beetl的使用说明有感
- 使用Selectivizr让你的 CSS3选择器 通吃IE6/7/8
热门文章
- linux shell-syntax error near unexpected token错误
- SQL 索引
- 了解CSS/CSS3原生变量var
- Tricks Device (hdu 5294 最短路+最大流)
- SQL Server查询所有用户表
- (原)nginx 源码编译
- 23、从头学Android之ContentProvider .
- com.ulitis.www
- java_客户端防表单重复提交和服务器端session防表单重复提交
- HDU1009 FatMouse' Trade