• ajax学习笔记


    同步与异步
    同步时,客户端提交请求,用户只能等待,服务器端响应,处理,返回数据,刷新页面,
    异步时,填写信息时,页面就可以向服务器提交请求,服务器响应后就处理请求,然后把结果返回给页面,用户无需等待就可以知道输入是否正确,同时用户可以继续填写内容,无需刷新和提交整个页面。不会造成堵塞。
     ajax流程:运用HTML+CSS来实现页面,表达信息----运用XMLHttpRequest和web服务器进行数据 的异步交换------运用JavaScript操作DOM,实现动态局部刷新。
     XMLHttpRequest对象
    一:var request = new XMLHttpRequest(); //不兼容IE6及以下
    二:
    var request ;
    if(window.XMLHttpRequest){
        request  = new XMLHttpRequest();//IE7+,ff,chrome,opera,safari
    }else{
       request  = new ActiveXObject("Microsoft.XMLHTTP"); //IE6,IE5
    }
     
    HTTP
    是一种无状态的协议(不建立持久的连接)
    是计算机通过网络进行通信的规则;能够使浏览器向服务器请求信息和服务,
    一个完整的HTTP请求过程有七个步骤:
    1,建立TCP连接;
    2,web浏览器向web服务器发送请求命令;
    3,web浏览器发送请求头信息;
    4,web服务器应答;
    5,web服务器发送应答头信息;
    6,web服务器向浏览器发送数据;
    7,web服务器关闭TCP连接。
     
    一个HTTP请求一般包含四部分:
    1,HTTP请求的方法和动作,比如GET或者POST
    2,正在请求的URL
    3,请求头,包含客户端信息,身份验证信息等
    4,请求体,包含请求正文,请求正文中可以包含客户端提交的查询字符串信息,表单信息等。
    GET:一般用于信息的获取,使用URL传递参数,对所发送的信息的数量有限制,一般在2000个字符,明文可见,不安全;
            幂等===不会因请求的次数而改变,这种情况下,可以说是安全的;
    POST:一般用于修改服务器上的资源,对所发送的信息的数量无限制,信息在请求体里,不可见;
     
    一个HTTP响应一般有三部分:
    1,一个数字和文字组成的状态码,用来显示请求的成功或者失败;
    2,响应头,和请求头一样包含许多信息,如服务器类型,日期和时间,内容类型和长度;
    3,响应体,响应正文,包括服务器传过来的字符串及HTML等内容
     
    XMLHttpRequest发送请求
    open(method(发送的方法),url(请求的地址),async(是否异步,默认true,可以不填))
    send(string)---get时,参数可不填,post时,必填
     
    XMLHttpRequest取得响应
     
    想要知道响应是否成功,监听readyState
  • 相关阅读:
    Docker基操—2.MySQL镜像
    Linux基操—13.修改PATH
    nginx关于访问自定义路径php页面问题
    Linux基操—20.制逻辑卷
    Linux装配—18.yum方式安装各类服务
    spring boot实现AOP,Filter,Interceptor以及3个之间的区别和使用场景
    linux内核研究笔记(一) page介绍
    总结一下遇到过的网络同步IO导致服务阻塞的问题
    Chaos网络库(二) Buffer的设计
    Chaos网络库(三) 主循环及异步消息的实现
  • 原文地址:https://www.cnblogs.com/easonw/p/6286954.html
Copyright © 2020-2023  润新知