菜鸟前端交互jquery + ajax()


菜鸟前端交互jquery + ajax()_第1张图片

惭愧呀!

window.onload=function(){

页面加载时执行的函数。

}

菜鸟前端交互jquery + ajax()_第2张图片
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状态值

你可能感兴趣的:(菜鸟前端交互jquery + ajax())