ajax 发送请求的步骤

Posted 2023-04-11

参考技术A （1）、创建请求对象

                    new XMLHttpRequest()        （要用变量接收才可以继续进行）

（2）、设置请求方式和请求路径：

                    接收请求对象的变量名打点调用 open :

                                get  请求：直接将路径和要带过去的参数拼接到一起用问号链接  参数用 键=值 的方式书写用 & 连接

                                post请求:设置请求路径和请求方式

（3）、发送请求

                    get 请求：创建的请求对象名直接打点调用 send()

                    post 请求：设置请求头  setRequestHeader()   并设置以什么方式传递参数

（4）、监听 onreadystatechange 事件，获取请求状态码和响应码状态

                    readyState   获取请求状态

                                请求的五种状态：

                                            0        （初始化）还没有调用send() 方法

                                           1       （载入） 已调用 send()  方法，正在发送请求

                                            2     （载入完成）send()方法执行完毕已经收到全部相应内容

                                            3    （交互）正在解析响应内容

                                            4    （完成）相应内容解析完毕  可以在客户端调用了

                        status    响应状态码

                                            200        ok  成功

                                            404        not found   找不到对应的资源

                                            403        forbidden    禁止  无权访问

                                            304        not modified    未修改

                                            一般5开头都是服务器错误

                                            一般4开头都是前端的错误

                    responseText    获取相应的数据

                                                            

ajax学习之get请求步骤

ajax中get请求是最常用的请求,常用于向服务器查询数据,get请求通过open方法的url提交查询字符串

1.创建一个异步对象XMLHttpRequest(实际使用中可能要兼容性判断,js高程572页有考虑兼容性的方法)

var xhr=XMLHttpRequest();

2.启动一个请求以备发送,第三个参数为true表示异步,false表示同步

xhr.open("get","asdvj.php?name1=value1&pwd2=pwd",true)

3.发送请求(null可省略)

xhr.send(null);

4.接收服务器传回的数据

xhr.onreadystatechange=function(){
    if(xhr.readystate==4&&xhr.status==200){
        var res=xhr.responseText;
    }
}

扩展:ajax传输数据是明文传输的