美文网首页
AJAX全接触

AJAX全接触

作者: 清葉 | 来源:发表于2017-03-05 14:02 被阅读0次

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。

AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
AJAX 不是新的编程语言,而是一种使用现有标准的新方法。
AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。

什么是 AJAX ?

AJAX = 异步 JavaScript 和 XML。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。
有很多使用 AJAX 的应用程序案例:新浪微博、Google 地图、开心网等等。

Google Suggest
在 2005 年,Google 通过其 Google Suggest 使 AJAX 变得流行起来。
Google Suggest 使用 AJAX 创造出动态性极强的 web 界面:当您在谷歌的搜索框输入关键字时,JavaScript 会把这些字符发送到服务器,然后服务器会返回一个搜索建议的列表。

XMLHttpRequest 是 AJAX 的基础。

XMLHttpRequest 对象
XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

创建 XMLHttpRequest 对象
XMLHttpRequest 对象用于和服务器交换数据。
向服务器发送请求
如需将请求发送到服务器,我们使用 XMLHttpRequest 对象的 open() 和 send() 方法:

创建 XMLHttpRequest 对象的语法:
variable=new XMLHttpRequest();
老版本的 Internet Explorer (IE5 和 IE6)使用 ActiveX 对象:
variable=new ActiveXObject("Microsoft.XMLHTTP");
为了应对所有的现代浏览器,包括 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");
}

相关文章

  • 慕课网Ajax学习笔记

    慕课网Ajax全接触 Ajax全称: Asynchronous JavaScript and XML(异步的Jav...

  • Ajax全接触

    HTTP 请求 get请求体附加在url中,任何人可见,所以是不安全的 好处是可以加入到书签中,直接访问 get请...

  • AJAX全接触

    AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 X...

  • Ajax 全接触

    以下文章为根据慕课网:Ajax全接触整理而得的文字笔记版,以便随时翻阅学习。但是本文未引用视频课程中的示例,使用示...

  • AJAX全接触实战

    1 概念介绍 1.1 同步异步 1.2 XMLHttpRequest对象 IE6及以下尚未定义的,干脆就忘了它们吧...

  • AJAX全接触(一)

    一、什么是AJAX AJAX的全称: Asynchronous JavaScript and XML(异步的Jav...

  • 跨域jsonp

    【原创】说说JSON和JSONP,也许你会豁然开朗,含jQuery用例 imooc---ajax全接触---处理跨...

  • Ajax全接触(四) jQuery中的AJAX

    语法|

  • Ajax全接触(二)例子ajax+php

    接触Ajax 例子要求 查询员工信息,可以通过输入员工编号查询员工基本信息; 新建员工信息,包含员工姓名,员工编号...

  • Ajax全接触(三)JSON格式

    JSON是存储和交换文本信息的语法,类似与XML。它采用键值的方式来组织,易于人们阅读和编写,同时也易于解析和生成...

网友评论

      本文标题:AJAX全接触

      本文链接:https://www.haomeiwen.com/subject/jensgttx.html