Ajax

最新推荐文章于 2022-06-19 13:50:53 发布

z_c_z_

最新推荐文章于 2022-06-19 13:50:53 发布

阅读量124

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/z_c_z_/article/details/81389677

版权

javascript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

   Ajax 是什么？
       Ajax是Asynchronous JavaScript and XML的缩写，即“异步的JavaScript和XML技术”。
       功能：在不刷新的页面前提下实现用户前台和服务器端的数据交换
       数据交换
           字符串
           json
           xml
   如何接受xml文件数据
       1.创建XMLHttpRequest请求对象
           var xmlhttp=new XMLHttpRequest();
       2.配置open(请求的方式get,post,请求的url地址，同步操作)
           xmlhttp.open('GET','1.xml',false);
       3.发送
           xmlhttp.send();
       4.接收返回的结果(返回的是XML文档)
           var res = xmlhttp.responseXML;
           res 返回值就是文档对象
   json
       作用：用于数据交换 json类型在js里面是对象
           JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串
       json_encode($arr);       将数组转化为json格式的字符串
       json_decode($str,true)       将json格式的字符串转为数组
   发送Ajax
       1 创建XMLHttpRequest请求对象
           var xml = new XMLHttpRequest();
       4.监听请求的过程(只要状态改变一次，onreadystatechange就会触发一次)
           xml.onreadystatechange = function(){
           // 当服务器的状态码为200并且请求的状态为4的时候，代表的是请求成功
           if (xml.status == 200 && xml.readyState == 4) {
               // 当请求成功的时候，获取请求的数据
               alert(xml.responseText);
           }
       }
       4-1，监听请求的状态码
           服务器的状态码：status
               200的时候代表请求服务器成功 404 页面找不到
           请求的状态 readyState
                   0:请求未初始化
   1:服务器连接已经建立
   2:请求已经接收
   3:服务器处理请求
   4:服务器处理结束，返回结果
       2 配置(以GET方式将请求发送到3.php)
           xml.open('GET','3.php?id=3',true);
       3 执行发送
           xml.send();
   POST发送ajax
       参数传递
       //设置头信息
           //使用POST发送，而且传递数据的话必须设置请求的头信息，发送的数据放在send方法的参数里
           xml.setRequestHeader("Content-type","application/x-www-form-urlencoded");
   封装Ajax
       发送get方式
           Ajax().get(请求的url地址，回调函数):get请求
       发送post方式
           Ajax().post(请求的url地址，发送的数据，回调函数)
   同步异步
       true：异步请求
           说明：代码不会等待服务器返回来的值
       false:同步请求
           说明：代码会等待服务器返回值