AJax技术

W3School 学习笔记

字号+ 作者:H5之家 来源:H5之家 2015-10-21 11:38 我要评论( )

本博客目的只是简单记录学习Ajax过程中的知识点, 内容主要参考来源:W3School Ajax 教程AJAX:Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。

本博客目的只是简单记录学习Ajax过程中的知识点,
内容主要参考来源:W3School Ajax 教程

AJAX:

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

AJAX 简介

AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术

AJAX = 异步 JavaScript 和 XML。
AJAX是一种用于创建快速动态网页的技术。
传统的网页如果需要更新内容,必须重载整个页面。

AJAX - 创建 XMLHttpRequest 对象

XMLHttpRequest 是AJAX 的基础。所有现代浏览器均支持。
XMLHttpRequest 对象用于在后台与服务器对象交换数据。

创建XMLHttpRequest 对象的语法

我们不推荐使用 async=false,但是对于一些小型的请求,也是可以的。请记住,JavaScript 会等到服务器响应就绪才继续执行。如果服务器繁忙或缓慢,应用程序会挂起或停止

AJAX - 服务器响应

获得来自服务器的响应,请使用 XMLHttpRequest对象的 responseText 或 responseXML 属性。

属性 描述

responseText 获得字符串形式的响应数据

responseXML 获得XML形式的响应数据

responseText 属性
除了XML,都可以使用responseText属性

document> =>2005> =>2005> ==>2003> =>Per Bothner>James Linn>2003>= xmlDoc}document={(xmlhttp.readyState==>==></html>

查看结果:

结果1


点击按钮后得到结果2

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • JavaScript学习总结之JS、AJAX应用

    JavaScript学习总结之JS、AJAX应用

    2016-02-06 15:02

  • Ajax学习之什么是Ajax,Ajax原理

    Ajax学习之什么是Ajax,Ajax原理

    2016-01-25 18:01

  • 学习JavaScript设计模式之代理模式

    学习JavaScript设计模式之代理模式

    2016-01-25 17:02

  • ajax学习笔记(二)

    ajax学习笔记(二)

    2016-01-25 15:04

网友点评
y