• 三步学会AJAX应用(AJAX基础教程)


    AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。它有机地包含了以下几种技术:
    Ajax(Asynchronous JavaScript + XML)的定义

    基于web标准(standards-based presentation)XHTML+CSS的表示;
    使用 DOM(Document Object Model)进行动态显示及交互;
    使用 XML 和 XSLT 进行数据交换及相关操作;
    使用 XMLHttpRequest 进行异步数据查询、检索;
    使用 JavaScript 将所有的东西绑定在一起。

    AJAX的应用使用支持以上技术的web浏览器作为运行平台。这些浏览器目前包括:Mozilla、Firefox、Internet Explorer、Opera、Konqueror及Safari。

    AJAX应用基本包括三步:

    1。创建对象:
    var xmlHttp;
    if (window.ActiveXObject) //IE
    {
       xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else if (window.XMLHttpRequest)//其它浏览器
    {
       xmlHttp = new XMLHttpRequest();
    }


    2。写得到请求结果后的响应函数:
    xmlHttp.onreadystatechange = function()
    {
    if(xmlHttp.readyState==2)
    {
       window.status = "正在提交数据";
    }
    else if(xmlHttp.readyState==3)
    {
       window.status = "数据传送中";
    }
    else if(xmlHttp.readyState==4)
    {
    if(xmlHttp.status==200)
    {
       window.status = xmlHttp.responseText;
    }
    else
    {
       window.status = " 查询错误,请检查输入是否正确";
    }
    }
    else
    {
       window.status = "正在查询,请稍后...";
    }
    }

    3。第三步:发送请求
       xmlHttp.open("GET", url ,true);
       xmlHttp.send(null);
    本站参考案例:http://www.51count.net/weather.htm
    好了,会了这些,您也可以动手写无刷新下拉菜单或者无刷新留言本甚至更高级的应用了。
  • 相关阅读:
    课堂作业
    大道至简读后感
    读《大道至简》有感
    大道至简第四章-流于形式的沟通
    Java课堂动手动脑-截图集锦
    Java动手动脑课后作业1-求创建对象个数
    Java-消息框显示两整数加减乘除
    JAVA-实践问题
    Java-整数相加求和
    大道至简-是懒人造就了方法
  • 原文地址:https://www.cnblogs.com/top5/p/1577821.html
Copyright © 2020-2023  润新知