zoukankan      html  css  js  c++  java
  • Ajax

    1.AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)

    2.创建Ajax

      前言:IE5,6没有XMLHTTPRequest对象,用的是ActiveXObject("Microsoft.XMLHTTP");

      var xmlhttp;

      if(Window.XmlHttpRequest){

         // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码

        xmlhttp=new XmlHttpRequest();

      }else{

        //IE5,6

        xmlhttp=new ActivexObject("Microsoft.XMLHTTP");

      }

    3.XmlHttpRequest的使用

      1)发送数据

        get方式:xmlhttp.open("GET","/try/ajax/demo_get.php?t=" + Math.random(),true)

             xmlhttp.send();//这里就没有参数了参数在url中了

        post方式:xmlhttp.open("POST",url地址,true)//这里的url没有传递的参数了

             xmlhttp.send("fname=Henry&lname=Ford")//这里可以放参数而且类型不限

             //send还可以设置请求头

             xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

        第三个参数async=false时,不推荐这样后就不用写onreadystatechange();

      2)接受数据

        XmlHttpRequest有两个属性作为其从服务器放回的结果

        responseText属性:返回结果是字符串

        responseXML属性:返回结果是XML数据

        AJAX的事件onreadystatechange():服务器返回结果,状态改变时触发,一般用来接受服务器返回数据的监听器

            返回状态有:readyState:(0:请求未初始号;1:服务器连接已建立;2:请求已接收;3请求处理中;4:请求已完成,且响应已就绪)

                  state:200;404

    例子:

     var xmlhttp;    
      if (str=="")
      {
        document.getElementById("txtHint").innerHTML="";
        return;
      }
      if (window.XMLHttpRequest)
      {
        // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
        xmlhttp=new XMLHttpRequest();
      }
      else
      {
        // IE6, IE5 浏览器执行代码
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
      xmlhttp.onreadystatechange=function()
      {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
          document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
        }
      }
      xmlhttp.open("GET","/try/ajax/getcustomer.php?q="+str,true);
      xmlhttp.send();

     

  • 相关阅读:
    Ubuntu 16.04 LTS nodejs+pm2+nginx+git 基础安装及配置环境(未完,未整理)
    JavaScript 二、eval 和 with 函数
    JavaScript 一、 ES6 声明变量,作用域理解
    UNMET PEER DEPENDENCY @angular/common@2.3.1
    Laravel Homestead 离线安装
    mac os x 记录 转载
    Ubuntu 16.04 LTS 完善解决亮度调整
    oh my zsh 切换 bash
    关于bitmap储存图片报内存不足的问题
    .net操作sqlserver数据库
  • 原文地址:https://www.cnblogs.com/xiaoping1993/p/6834150.html
Copyright © 2011-2022 走看看