首先AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。
AJAX 不是新的编程语言,而是一种使用现有标准的新方法。AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。
AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行
主要是利用XMLHttpRequest对象
XMLHttpRequest 对象 (异步的与服务器交换数据)
首先创建XMLHttpRequest 的对象
JavaScript代码
var xmlhttp;
if (window.XMLHttpRequest)
{
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
xmlhttp=new XMLHttpRequest();
}
else
{
// IE6, IE5 浏览器执行代码
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
利用xmlhttp.open(method,URL,async);发送请求
第一参数为传递的方法可以使post 或者get ,
第二个参数是url的地址,可以是servlet、jsp、或者txt等
第三个参数是布尔变量,表示是否是异步 true(异步)或 false(同步)
利用get方法发送请求
xmlhttp.open("GET","../my.jsp",true);
xmlhttp.send();
使用get时send中不能有String
利用post发送请求
利用post时需要加上request 的header
xmlhttp.open("POST","../my.jsp",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send(String);//String只能用于post
当选择的是true异步的时候需要定义响应事onreadystatechange
然后得获取服务器的响应并进行操作
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState===4 && xmlhttp.status===200)
{
//此处为你想执行的操作
}
};