zoukankan      html  css  js  c++  java
  • AjAX(简单概要介绍)

    AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。

    XMLHttpRequest

    需要三个部分:

      1、运用html与css来实现页面;

      2、运用XMLHttpRequest和web服务器进行数据的异步交换;

      3、运用javascript操作DOM,实现动态局部刷新。

    一、XMLHttpRequest对象创建

      这是我们要解决的第一个问题XHR(XMLHttpRequest);实例化一个XMLHttpRequest对象;即:

            var request=new XMLHttpRequest();

    现在大部分的浏览器都支持XMLHttpRequest,但是在IE5,IE6里面还是不可以使用;如果要兼容,则需要这样做:

    创建完之后我们就可以进行请求了。

    二、HTTP请求

      1、什么事HTTP呢?

          HTTP是计算机通过网络进行通信的规则。主要是使客户可以向浏览器请求数据,HTTP是一种无状态协议,客户与服务器端不建立持久的连接,也就是服务端不保留连接的相关信息。(没有记忆)

      

    请求—响应—.......

      现在我们先来说一下请求:

    请求头与请求体之间有一个空行,这个空行表示这个请求头已经结束了,接下来是请求体;

    get:表示请求方法和动作;

    login.php HTTP表示请求的地址;

    中间红色边框表示的是请求头部信息;

    最下面是请求的请求体。

      2、介绍get和post:

    get只用于那些从web服务器检索数据的情形;

    post向数据库添加信息或是从数据库中删除信息。

    这个里面没有响应正文。

    三、XMLHttpRequest发送请求

    四、XMLHttpRequest取得响应

    1、readyState属性;

      

    那我们应该怎么样来监听呢?我们采用的是一个事件:

      

  • 相关阅读:
    win7开启硬盘AHCI
    (32)odoo中的编码问题
    (31)odoo中的时间
    (30)odoo中的快捷标签
    css3 移动端页面全屏旋转,横屏显示。
    Turn.js 实现翻书效果
    WebStorm 2016 最新版激活(activation code方式)
    vue 状态管理vuex(九)
    webstorm中.vue报错(es6语法报错)-转
    Robot Framework自动化测试(一)
  • 原文地址:https://www.cnblogs.com/zzjeny/p/5584983.html
Copyright © 2011-2022 走看看