zoukankan      html  css  js  c++  java
  • AJAX的基础

    AJAX应用到的技术:

      1:AJAX的全称是Asynchronous JavaScript And XML

      2: AJAX涉及到7种技术其中(Javascript、XMLHttpRequest、Dom、XML)是最为重要

      3:XMLHttpRequest对象

        (1):创建XMLHttpRequest对象

          例:var xmlHttp;     //定义全局变量

            function getXmlHttp(){  //封装函数

                 //判断是否是IE浏览器

                if(window.ActiveXObject){

                  xmlHttp =new ActiveXObject("MICROSOFT.XMLHTTP");

                }else if(window.XMLHttpRequest){

                 xmlHttp = new XMLHttpRequest(); 

              }

          }  

          function sendParam(url){    

               getXmlHttp();  //调用函数

               //用get提交:

                   xmlHttp.open("GET","check.php?user="+url,true); //向服务器提交数据

                     (解释:check.php?:是到php里面验证)

              //用post提交必须要写:

                   setRequestHeader("Content-Type","application/x-www-form-urlencoded");    

              

                xmlHttp.onreadystatechange = getTxt;    

               xmlHttp.send(null); //发送请求

    }

              //在界面上显示的资料

                function getTxt(){      

                    if(xmlHttp.readyState == 4){       

                          if(xmlHttp.status == 200){  // 服务器返回信息后,需判断返回的HTTP状态码,确定返回的页面没有错误,200代表页面正常。

                                var sp = document.getElementById("tishi");         

                          sp.innerHTML = xmlHttp.responseText;  

                           }   

                    }

               }

          onreadystatechange:状态改变的事件触发器

          readyState:对象状态(integer):0=未初始化,1=读取中,2=已读取,3=交互中,4=完成

          status:服务器返回的状态码,如404=“文件未找到”、200=“成功”

          responseText:将传回的信息当字符串使用

       

         

  • 相关阅读:
    25个PHP游戏编程脚本代码(转)
    [AJAXJSP]使用DWR框架验证用户名是否存在
    [AJAXJSP]验证用户名存在
    [Java基础]多线程求和小例子
    [JAVA算法]求子数组的最大和
    [JQury] slideToggle闪烁问题及解决办法
    [JAVA算法]递归求Fibbonicc序列方法
    Easy ui Datagrid(下拉、复选、只输入数字、文本) 追加、删除、更改
    Easy ui DataGrid 添加复选框 与 下拉
    Easy ui DataGrid 列文字多串行问题解决方案
  • 原文地址:https://www.cnblogs.com/zouxueling/p/3714461.html
Copyright © 2011-2022 走看看