Ajax:
Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式、快速动态网页应用的网页开发技术,无需重新加载整个网页的情况下,能够更新部分网页的技术。
AJAX = 异步 JavaScript 和 XML。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。
Ajax的工作原理:
浏览器创建XMLHttpRequest对象 ,然后发送HttpRequest请求-------->服务器处理HttpRequest,创建响应并将数据返回浏览器------->浏览器使用js处理返回的数据并更新页面。
Ajax具体使用方法:
xmlhttp=new XMLHttpRequest(); //创建对象
xmlhttp.open("GET","ajax_info.txt",true);//发送请求,参数:请求方式 、 地址 、 异步同步模式
xmlhttp.send();//请求发送到服务器
请求方式 get 与 post的区别:
1、与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用。
2、然而,在以下情况中,请使用 POST 请求:
3、无法使用缓存文件(更新服务器上的文件或数据库)
4、向服务器发送大量数据(POST 没有数据量限制)
5、发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠
onreadystatechange 事件:
当请求被发送到服务器时,我们需要执行一些基于响应的任务:
每当 readyState 改变时,就会触发 onreadystatechange 事件,readyState 属性存有 XMLHttpRequest 的状态信息,下面是 XMLHttpRequest 对象的三个重要的属性:
- onreadystatechange:存储函数(或函数名),每当 readyState 属性改变时,就会调用该函数。
- readyState:存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。0: 请求未初始化、1: 服务器连接已建立、2: 请求已接收、3: 请求处理中、4: 请求已完成,且响应已就绪
- status:200: “OK” 、404: 未找到页面
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}