Ajax

作者: 子约nan | 来源:发表于2017-12-17 17:53 被阅读0次

    1.基本介绍

      AJAX是异步的Javascript和XML的缩写。实际含义是可以在不重新刷新整个网页的情况下,局部更新网页。比如,更新局部表单,在用户填写一个字段以后,可以马上把该行数据发送给服务器,服务器进行验证,即时返回错误,不用等待表单内容全部填写完毕再发送给服务器,比较快捷方便。

    2.基本步骤
    (1)HTML和CSS完成页面编写;
    (2)XMLHttpRequest和web服务器进行数据的异步交换;
    (3)Javascript操作DOM进行页面局部刷新;

    1. XMLHttpRequest对象
    request = new XMLHttpRequest();

    4.GET和POST请求

    • GET:一般用于信息获取,使用URL传递参数,对发送信息的数量有限制,多用于查询页面,修改URL就可以发送请求,方便但是不安全。
    • POST:一般用于修改服务器上资源,对于发送信息无数量限制,比较安全。
    1. HTTP响应
      (1)HTTP响应一般由三个部分组成:一个数字和文字组成的状态码,用来显示请求是成功还是失败;响应头,包含很多如服务器类型、日期、内容类型等信息;响应体,响应的正文。
      例如:
      (2)响应的状态码:1XX:信息类,表示收到浏览器请求,正在进一步的处理中;2XX:成功;3XX:重定向,表示请求没有成功,客户必须采取进一步的动作;4XX:客户端错误,表示客户端提交的请求有错误;5XX:服务器错误,表示服务器不能完成请求的处理。
      6.XMLHttpRequest发送请求
      (1) open(method,url,async);async-同步或异步,一般为异步true,默认是异步true;
      (2) send(string); GET可以不填写
      7.获取XMLHttpRequest响应
      (部分)
    <span style="font-size:14px;">var request=new XMLHttpRequest();  
      
    request.open(“GET”,”get.php”,true);  
      
    request.send();  
      
    request.onreadystatechange=function(){  
      
      if(request.readyState===4&&request.status===200){  
    
      //输入其他操作
      }  
      
    }</span>  
    

    相关文章

      网友评论

          本文标题:Ajax

          本文链接:https://www.haomeiwen.com/subject/kmquwxtx.html