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 //参数
} })