00时 00分 00秒

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>


作者:杰克思勒
出处:http://www.cnblogs.com/tufujie/
如果您觉得阅读本文对您有帮助,请点击一下右下方的推荐按钮,您的推荐将是我写作的最大动力!
版权声明:本文为博主原创或转载文章,欢迎转载,但转载文章之后必须在文章页面明显位置注明出处,否则保留追究法律责任的权利。
posted @   杰克思勒(Jacksile)  阅读(315)  评论(0编辑  收藏  举报
编辑推荐:
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
阅读排行:
· 本地部署 DeepSeek:小白也能轻松搞定!
· 如何给本地部署的DeepSeek投喂数据,让他更懂你
· 从 Windows Forms 到微服务的经验教训
· 李飞飞的50美金比肩DeepSeek把CEO忽悠瘸了,倒霉的却是程序员
· 超详细,DeepSeek 接入PyCharm实现AI编程!(支持本地部署DeepSeek及官方Dee
历史上的今天:
2015-01-09 如何配置Java环境,包括JDK,Maven等
点击右上角即可分享
微信分享提示