zoukankan      html  css  js  c++  java
  • 原生Ajax书写

    1.创建XMLHttpRequest对象

    Js代码  收藏代码
    1. function createXMLHTTPRequest() {     
    2.                  //1.创建XMLHttpRequest对象     
    3.                  //这是XMLHttpReuquest对象无部使用中最复杂的一步     
    4.                  //需要针对IE和其他类型的浏览器建立这个对象的不同方式写不同的代码     
    5.                  var xmlHttpRequest;  
    6.                  if (window.XMLHttpRequest) {     
    7.                      //针对FireFox,Mozillar,Opera,Safari,IE7,IE8     
    8.                     xmlHttpRequest = new XMLHttpRequest();     
    9.                      //针对某些特定版本的mozillar浏览器的BUG进行修正     
    10.                      if (xmlHttpRequest.overrideMimeType) {     
    11.                          xmlHttpRequest.overrideMimeType("text/xml");     
    12.                      }     
    13.                  } else if (window.ActiveXObject) {     
    14.                      //针对IE6,IE5.5,IE5     
    15.                      //两个可以用于创建XMLHTTPRequest对象的控件名称,保存在一个js的数组中     
    16.                      //排在前面的版本较新     
    17.                      var activexName = [ "MSXML2.XMLHTTP", "Microsoft.XMLHTTP" ];     
    18.                      for ( var i = 0; i < activexName.length; i++) {     
    19.                          try {     
    20.                              //取出一个控件名进行创建,如果创建成功就终止循环     
    21.                              //如果创建失败,回抛出异常,然后可以继续循环,继续尝试创建     
    22.                             xmlHttpRequest = new ActiveXObject(activexName[i]);   
    23.                             if(xmlHttpRequest){  
    24.                                 break;  
    25.                             }  
    26.                          } catch (e) {     
    27.                          }     
    28.                      }     
    29.                  }     
    30.                  return xmlHttpRequest;  
    31.              }     

     2.get请求

    Js代码  收藏代码
    1. function get(){  
    2.     var req = createXMLHTTPRequest();  
    3.     if(req){  
    4.         req.open("GET", "http://test.com/?keywords=手机", true);  
    5.         req.onreadystatechange = function(){  
    6.             if(req.readyState == 4){  
    7.                 if(req.status == 200){  
    8.                     alert("success");  
    9.                 }else{  
    10.                     alert("error");  
    11.                 }  
    12.             }  
    13.         }  
    14.         req.send(null);  
    15.     }  
    16. }  

     3.post请求

    Js代码  收藏代码
    1.    function post(){  
    2.     var req = createXMLHTTPRequest();  
    3.     if(req){  
    4.         req.open("POST", "http://test.com/", true);  
    5.         req.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=gbk;");     
    6.         req.send("keywords=手机");  
    7.         req.onreadystatechange = function(){  
    8.             if(req.readyState == 4){  
    9.                 if(req.status == 200){  
    10.                     alert("success");  
    11.                 }else{  
    12.                     alert("error");  
    13.                 }  
    14.             }  
    15.         }  
    16.     }  
    17. }  

    post请求需要设置请求头

    4.    readyState与status:

             readyState有五种状态:

      0 (未初始化): (XMLHttpRequest)对象已经创建,但还没有调用open()方法;
      1 (载入):已经调用open() 方法,但尚未发送请求;
      2 (载入完成): 请求已经发送完成;
      3 (交互):可以接收到部分响应数据;
      4 (完成):已经接收到了全部数据,并且连接已经关闭。
    如此一来,你应该就能明白readyState的功能,而status实际是一种辅状态判断,只是status更多是服务器方的状态判断。关于status,由于它的状态有几十种,我只列出平时常用的几种:
      100——客户必须继续发出请求
      101——客户要求服务器根据请求转换HTTP协议版本
      200——成功
      201——提示知道新文件的URL
      300——请求的资源可在多处得到
      301——删除请求数据
      404——没有发现文件、查询或URl
      500——服务器产生内部错误

  • 相关阅读:
    Ubuntu 环境变量
    UBoot命令介绍
    如何在内核里面查找某些结构体或者宏的定义
    linux core dump
    右下角弹出广拦截程序(迅雷,搜狐,腾讯)
    aptfile 安装包文件搜索
    Windows 7操作系统中使用IIS,WinScp搭建ftp服务器
    UltraEdit文本编辑利器
    SSIS高级转换任务—导出列
    SSIS高级转换任务—在Package中是用临时表是需要设置RetainSameConnection属性
  • 原文地址:https://www.cnblogs.com/xuan52rock/p/4578601.html
Copyright © 2011-2022 走看看