AJAX学习笔记--慕课网Ajax

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.
协议，子域名，主域名，端口号任何一个不同都算是跨域。