AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。
AJAX是与服务器交换数据并更新部分网页的技术,在不重新加载整个页面情况下更新部分网页。
同步:
异步
XMLHttpRequest 用于在后台与服务器交换数据。所有现代浏览器(IE7+、Firefox、Chrome、Safari 以及 Opera)均内建 XMLHttpRequest 对象。
1.创建XMLHttpRequest对象
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();//创建一个对象
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
2.HTTP 请求
http:无状态协议(没有记忆),不建立持久连接
GET和 POST
get:一般用于查询
状态码
3.向服务器发送请求
xmlhttp.open("GET","test1.txt",true);//method请求类型:GET或POST,url:文件在服务器上的位置,async:true(异步)或false(同步)
xmlhttp.send(sring);//string仅用于POST请求
与POST相比,GET更简单也更快,并且大部分情况下都能用。
以下情况请使用POST:
无法使用缓存文件(更新服务器上的文件或数据库)
向服务器发送大量数据(POST没有数据量限制)
发送包含未知字符的用户输入时,POST比GET更稳定也更可靠
GET请求
xmlhttp.open("GET","demo_get.asp",true);
xmlhttp.send();
4.XMLHttpRequest取得相应
var request=new XMLHttpRequest();//创建对象
request.open("GET","GET.php",true);
request.send();
request.onreadystatechange=function(){
if (request.readyState===4&&request.status===200)//响应完成请求成功
{
reuqest.responseText;//做的事情
}
}
5.实例
6.JSON
JSON:JavaScript对象表示法(JavaScript Object Notation)
JSON是存储和交换文本信息的语法,类似XML。它采用键值对的方式来组织,易于人们阅读和编写,同时也易于机器解析和生成。
JSON是独立于语言的,长度短,读写快,使用JavaScript内建的对象解析
"name":"刘小妞"
eval, JSON.parse解析JSON
7.j Query实现Ajax
8.
协议,子域名,主域名,端口号任何一个不同都算是跨域。