1、AJAX = Asynchronous(异步的) JavaScript and XML
AJAX是能不刷新整个网页的前提下,更新内容。通过少量的数据交换,达成局部页面刷新的效果。
而form表单提交经常是刷新整个页面,很繁琐
2、AJAX是基于现有的Internet标准,并且联合使用它们:
a、XMLHttpRequest 对象 (异步的与服务器交换数据)
b、JavaScript/DOM (信息显示/交互)
c、CSS (给数据定义样式)
d、XML (作为转换数据的格式)
3、JavaScript代码
var xhr;if(window.XMLHttpRequest){ //常规,如果有,直接使用xhr = new XMLHttpRequest();}else{ //如果没有,老版本IExhr = new ActiveXObject("Microsoft.XMLHTTP");}// 2.通过监听ajax的状态的改变来监听xhr.onreadystatechange = function(){}console.log('步骤二完成')// 3.创建请求的消息,连接服务器 xhr.open('GET','07.php',true); //"get" 请求把参数写在地址里
console.log('步骤三完成')
// 4.发送
xhr.send(null); //如果是“post”就把参数以字符串传入;
4、jQuery代码
引入jQeury$.ajax({type : "POST", // 请求方式url : 'http://192.168.9.156:8888/0221ajax/01.php', //请求地址 get请求参数拼接在地址后data : { // 请求参数uname : $("#username").val()},success : function(data){ //回调函数data //参数
}})