原生ajax请求流程


提示:以下是本篇文章正文内容,下面案例可供参考

一、ajax是什么?

ajax可以与后台服务器进行数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

二. 使用步骤

1.实例化请求对象

 var http=new XMLHttpRequest ();


2.建立服务器链接

http.open('POST', 'http://127.0.0.1:8000/', true);


3.监听服务器响应

 http.onreadystatechange =function(){
            //服务器响应
            //5.响应成功,传递参数
                //可以获取数据
                //服务器返回是json
                console.log(http.responseText)
            
        }


4.发送请求

 http.send();

   全部代码如下




    
    
    
    Document


    


   

你可能感兴趣的:(ajax,javascript,前端)