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{ //如果没有,老版本IE
xhr = 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 //参数
}
})