博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
AJAX的基础
阅读量:7074 次
发布时间:2019-06-28

本文共 1471 字,大约阅读时间需要 4 分钟。

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:将传回的信息当字符串使用

   

     

转载于:https://www.cnblogs.com/zouxueling/p/3714461.html

你可能感兴趣的文章
PowerShell应用之-批量执行SQL脚本
查看>>
职场加薪步步高升的五大法则
查看>>
增删主键及修改表名
查看>>
Gson库使用-排序字段(ExclusionStrategy)或者修改(FieldNamingStrategy)字段
查看>>
[医疗]DICOM VR数据类型表
查看>>
把原来可空的列变成主键
查看>>
shell 中的不相等怎么表达?大于、小于又怎么表达?
查看>>
WIF基本原理(4)联合身份验证实例
查看>>
HDFS写入和读取流程
查看>>
ScrollView 简单出错
查看>>
[置顶] VC++界面编程之--自定义CEdit(编辑框)皮肤
查看>>
动画渐变兼容各个浏览器
查看>>
java中有关线程的题目
查看>>
玩转CSS3,嗨翻WEB前端,CSS3伪类元素详解/深入浅出[原创][5+3时代]
查看>>
Oracle Minus 取差集
查看>>
mvc和三层架构到底有什么区别
查看>>
不错代码
查看>>
Github安卓开源项目编译运行
查看>>
Java+Windows+ffmpeg实现视频转换
查看>>
JAVA实现发送电子邮件
查看>>