zoukankan      html  css  js  c++  java
  • 实现ajax的步骤

    实现ajax的步骤
        1.创建xmlHttprequest对象

          

     1 function  createXmlHttpRequest(){
     2            var xmlHttp;
     3            try{    //Firefox, Opera 8.0+, Safari
     4                    xmlHttp=new XMLHttpRequest();
     5             }catch (e){
     6                try{    //Internet Explorer
     7                       xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
     8                 }catch (e){
     9                       try{
    10                               xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    11                       }catch (e){}  
    12                }
    13            }
    14            return xmlHttp;
    15         }
    View Code


        2.监听服务器的响应
        .onreadystatechange=function(){
          //得到ajax的状态值 .readyState
          //得到服务器响应的内容 .reponseText
        }
        3.打开与服务器的链接
          .open(method,url,asy);
          method:ajax的提交方式(get、post)
          url:ajax的请求路径
          asy:ajax是否异步 默认为true
        4.发送数据
          .send();
          如果是get提交方式,那么该处发送的数据是无效的;括号内写null或什么都不写
        5.post提交方式步骤(发送数据前,需要先调用setRequestHeader();发送数据时也可以在url上带参传送)
          .open("post","URL",true);
          .setRequestHeader("Content-Type","application/x-www-form-urlencoded");
          .send("email="+email.value+"&method=ckEmail");
        6.js和ajax可以完成简单的验证
          ajax可以完成查询所有
        7.服务器响应的内容可以是以下内容
          1.文本内容
          2.json对象
          对象格式 {"属性名":"属性值","属性名":"属性值",.... }
          集合格式 [{"属性名":"属性值","属性名":"属性值",.... },{"属性名":"属性值","属性名":"属性值",.... }... ]
          也可以多层嵌套
          集合类似Java数组,利用下标获取里面的内容;
          对象则 .属性名获取属性值
        8.如何将.responseText转换为json对象?
          1.响应的文本内容,必须符合json对象的格式标准;
          2.eval("("+xmlHttp.responseText+")");

  • 相关阅读:
    <JSP> 入门
    <Html> 标签
    <MyBatis>入门八 工作原理
    <MyBatis>入门七 缓存机制
    <Zookeeper>入门 概念
    <SpringMvc>入门七 拦截器
    <SpringMvc>入门六 异常处理
    <Ajax> 入门
    <设计模式> 代理模式 Proxy Pattern
    <SpringMvc>入门五 文件上传
  • 原文地址:https://www.cnblogs.com/qq634571685/p/7080085.html
Copyright © 2011-2022 走看看