• 温故Ajax入门基础


    一、Ajax的相关知识点:

       1.如何创建XMLHttpRequest对象?
         注:这与浏览器的版本有关,window.ActiveXObject 若返回对象,则条件为true,否则为false
         a. if (window.ActiveXObject) --> xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
         b. if (window.XMLHttpRequest) --> xmlhttp = new XMLHttpRequest();

       2.XMLHttpRequest对象的相关方法和属性

         方法:
         a. abort(); --> 停止当前请求
         b. getAllResponseHeaders() --> 把Http的所有请求响应首部作为键/值对返回;
         b. getResponseHeader(header) --> 返回指定首部的串值;
         c. open(method,url,boolean,username,password)--> 建立对服务器的调用,method表示请求方法,
            url 表示请求资源(jsp,html,serlvet,xml,txt),boolean表示是否同步(若为true,则异步执行,若为false,则为同步(即上
    一步未完成,则下一步不会执行,在默认情况下为异步的),username和password表示用户名和密码
    注:后三个参数为可选参数。
         d. setRequestHeader("header","value");设置首部的值,该方调用必须在open()之后;
         e. send(context);向服务器发送请求;若为POST请求,则context为请求参数,若为GET请求则context为空!

         属性:
         a. onreadystatechange 这是一个事件,每改变一个状态都会触发该事件;
         b. readyState 表示状态 有5个可取值:0=未初始化,1=正在加载,2=已加载,3=交互中,4=完成
         c. responseText 来自服务器的文本响应;
         d. responseXML 返回一个DOM对象;
         e. status 服务器的Http状态码(200对应(OK),404对应Not Found(未找到),等等);
         f. statusText 表示状态码对应文本;
       
    二、用Ajax开发Web程序的一般步骤:
        
        1.客户端
          a. 实例化一个全局的XMLHttpRequest对象
             xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
          b. 为xmlhttp的onreadystatechange事件绑定一个函数
             xmlhttp.onreadystatechange = function(){};
          c. 建立对服务器的调用
             xmlhttp.open(method,url);
          d. 禁用客户端缓存
             xmlhttp.setRequestHeader("Cache-Control","no-cache");
          e. 正式发送请求
             xmlhttp.send();

          补充:若请求为POST,则需要设置Content-Type首部 
             xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
         
        2.服务器端
          a.设置编码方式(并非一定);

            request.setCharacterEncoding("encoding");

            response.setCharacterEncoding("encoding");


          b.设置客户端响应输出方式(取决于responseText 和 responseXML)
            response.setContentType("text/xml;character=utf-8");
            或response.setContentType("text/html;character=utf-8");
          
          c.禁用缓存
            response.setHeader("pragma", "no-cache");

            response.setHeader("cache-control", "no-cache");

            response.setDateHeader("expires",0);


  • 相关阅读:
    用Inno Setup来解决.NetFramework安装问题
    NSIS安装制作基础教程[初级篇], 献给对NSIS有兴趣的初学者
    NSIS
    Nullsoft教程 NSIS初学者图文教程一
    flex 实例Demo
    计算机组成原理
    Spring知识点提炼
    JAVA Web从前端到后台常用框架介绍
    使用navicat将mysql转换成sqlserver
    JDK 5 ~ 10 新特性倾情整理!
  • 原文地址:https://www.cnblogs.com/yyuuaannllii/p/3775218.html
Copyright © 2020-2023  润新知