菜鸟前端交互jquery + ajax()

惭愧呀！

window.onload=function(){

页面加载时执行的函数。

}

ajax核心：XMLHttpRequest

XMLHttpRequest扮演了数据交互的核心。

// readyState值：

//    0：未初始化  确认对象是否创建

//    1：载入    对XMLHttpRequest初始化

//    2：载入完成  此阶段接收到服务器响应

//    3：交互    正在解析数据，根据服务器响应头部返回的MIME类型把数据转换成通过responseBody(二进制内容) responseText(可用内容) responseXML（XML格式）

//    4：完成    确认全部数据解析完成，准备好了客户端可用的格式。；

1、var request = new XMLHttpRequest();

    //参数：

    //1、请求方式

//    2、请求的网址

//    3、是否异步

//      同步：代表数据请求完成后再请求新的内容

//      异步：网络请求和其他的请求是同时进行过

   2、 request.open("get","网址","true");

   3、 request.send();

    console.log(request);

   4、 request.onreadystatechange= function(){

if(this.onreadyState== 4){

if(this.status== 200){

console.log(this.responseText);

            }

}

}

常见HTTP状态值：

1：200  服务器成功返回网页

2:  404  请求的网页不存在

3：503  服务器超时

等（详细见百度HTTP状态值