Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。
Ajax 是一种用于创建快速动态网页的技术。
Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
传统的网页(不使用 Ajax)如果需要更新内容,必须重载整个网页页面。
Ajax,我个人喜欢读作:啊,贾克斯(LOL的武器大师)
如果你想使用ajax,首先你得创建XMLHTTPRequest对象,XMLHttp对象在现代浏览器中均支持,只不过在IE5、IE6要使用 ActiveXObject("Microsoft.XMLHTTP");兼容性,可以不管IE5、6的用户,因为实在是少得可怜,加上使用IE5、6的用户都是超级老用户,但为了良好的用户体验,推荐照顾(也就几行的事,也为了规范)。
咱们开始Ajax吧!
ajax基本步骤:
1.创建XMLHttpRequest对象,也就是创建一个异步调用对象. 2.创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息. 3.设置响应HTTP请求状态变化的函数. 4.发送HTTP请求. 5.获取异步调用返回的数据. 6.使用JavaScript和DOM实现局部刷新.
例子:
首先在html里面加一个按钮:
<button id="button">ajax请求PHP</button>
//创建XMLHTTPRequest对象,直接new一个
function getAjax()
{
var xmlHttp
;
try
{
// Firefox, Opera 8.0+, Safari
return new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
return new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
return new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("您的浏览器不支持AJAX!");
return false;
}
}
}
}
var xhr =getAjax;
//以GET方式异步请求a.php
/*
method:请求的类型;GET 或 POST url:文件在服务器上的位置 async:true(异步)或 false(同步) */
xhr.open("GET","a.php",true)
xhr.onload=function(){
console.log(this.responseText);
}
xhr.send();
php代码
<?php
echo "Hello,world";