09
2019
10

Ajax基本概念与JS实现Ajax的过程

Ajax基本概念

Ajax全称为”Asynchronous JavaScript and XML”(异步JavaScript和XML),通过后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新,可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 

Ajax的核心是XMLHttpRequest对象,它是Ajax实现的关键-发送异步请求、接受响应以及执行回调。


实现Ajax的过程:

1.我们通过new XMLHttpRequest创建一个XHR对象:

var xHR=new XMLHttpRequest();

2.使用open()方法初始化XMLHttpRequest对象,指定HTTP方法和要使用的服务器URL,可能后面还会带有参数:

xHR.open('GET','fzz.php?number='+value,true);//后面的true可以省略,代表异步,?后面代表你需要传递的参数

3.使用send()方法发送请求:

xHR.send()//如果是POST方法则需要在send()内传入数据

4.设置回调函数,当响应成功时调用:

xHR.onreadystatechange=function(){
    if(xHR.readyState==4){
        if(xHR.status==200){
            //respinseText表示返回的字符串形式的响应数据
            var data=JSON.parse(xHR.responseText);
            //执行函数
        }else{
            //执行函数
        }
    }
}

请求完成加载的时候readyState的值为4,响应成功时HTTP的值为200.


« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。