zoukankan      html  css  js  c++  java
  • AJAX总结

    AJAX是异步JavaScript和XML,用于在Web页面中实现异步数据交互。AJAX不是新的编程语言,而是一种使用现有标准的新方法。AJAX是在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页的艺术。

    应用优势:

    AJAX是一种用于创建更好更快以及交互性更强的Web应用程序的技术。
    使用JavaScript向服务器提出请求并处理响应而不阻塞用户!核心对象XMLHttpRequest。通过这个对象,您的JavaScript可在不重载全部内容的情况下与Web服务器交换数据,加载局部内容,降低数据传输量避免用户不断刷新或者跳转页面,提高用户体验。
    AJAX在浏览器与Web服务器之间使用异步数据传输(HTTP 请求),这样就可使网页从服务器请求少量的信息,而不是整个页面。
    AJAX可使因特网应用程序更小、更快,更友好。
    AJAX是一种独立于Web服务器软件的浏览器技术。AJAX基于下列Web标准:
    JavaScriptXMLHTMLCSS在 AJAX 中使用的 Web 标准已被良好定义,并被所有的主流浏览器支持。AJAX 应用程序独立于浏览器和平台。
    Web应用程序较桌面应用程序有诸多优势;它们能够涉及广大的用户,它们更易安装及维护,也更易开发。
    不过,因特网应用程序并不像传统的桌面应用程序那样完善且友好。
    通过AJAX,因特网应用程序可以变得更完善,更友好。

    缺点:

    对搜索引擎不友好、要实现AJAX下的前后退功能成本较大、可能造成请求数的增加、跨域问题限制

    重点内容:

    AJAX开发模式、AJAX核心技术、AJAX开发过程

    开发步骤:

    function loadXMLDoc(){

    创建XMLHttpRequest对象

    为了应对所有的现代浏览器,包括IE5和IE6,需要检查浏览器是否支持XMLHttpRequest对象。如果支持,则创建XMLHttpRequest对象。如果不支持,则创建 ActiveXObject

    var xmlhttp;
    if (window.XMLHttpRequest)
      {// code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
      }
    else
      {// code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }

    当服务器响应就绪时执行函数

    xmlhttp.onreadystatechange=function()
      {
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
        document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
        }
      }

    把请求发送到服务器上的文件

    xmlhttp.open("GET","file",true);
    xmlhttp.send();
    }

    调用

    <div id="myDiv"><h3>Let AJAX change this text</h3></div>
    <button type="button" onclick="loadXMLDoc()">Change Content</button>
  • 相关阅读:
    iOS9 HTTP 不能正常使用的解决办法
    IOS UIWebView的一些用法总结
    顺序查找
    循环队列
    队列的链式存储实现
    栈的链式存储实现
    顺序表的实现
    MessageBox函数
    二分法查找
    冒泡排序
  • 原文地址:https://www.cnblogs.com/tufujie/p/5116985.html
Copyright © 2011-2022 走看看