AJAX零基础学习指南1

AJAX零基础学习指南1

转载

转载地址：http://www.javacc.top/showbloginfo.action?id=45

AJAX

1. 概念

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

(2) AJAX 不是新的编程语言，而是一种使用现有标准的新方法。

(3) AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。

(4) 简而言之：局部刷新。

2. AJAX 是一种用于创建快速动态网页的技术。

(1) 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

(2) 传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。

(3) 有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图、开心网等等。

(4) Google Suggest

(5) 在 2005 年，Google 通过其 Google Suggest 使 AJAX 变得流行起来。

(6) Google Suggest 使用 AJAX 创造出动态性极强的 web 界面：当您在谷歌的搜索框输入关键字时，JavaScript 会把这些字符发送到服务器，然后服务器会返回一个搜索建议的列表。

3. 关于 jQuery 与 AJAX

(1) jQuery 提供多个与 AJAX 有关的方法。

(2) 通过 jQuery AJAX 方法，您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON - 同时您能够把这些外部数据直接载入网页的被选元素中。

(3) 提示：如果没有 jQuery，AJAX 编程还是有些难度的。

(4) 编写常规的 AJAX 代码并不容易，因为不同的浏览器对 AJAX 的实现并不相同。这意味着您必须编写额外的代码对浏览器进行测试。不过，jQuery 团队为我们解决了这个难题，我们只需要一行简单的代码，就可以实现 AJAX 功能。

4. AJAX定义的用法

(1)

$.ajax({
    type:'POST',
    url:url,
    data:data,
    success:success,
    dataType:dataType
});

 

5. 什么是 JSON ？

(1) JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）

(2) JSON 是轻量级的文本数据交换格式

(3) JSON 独立于语言 *

(4) JSON 具有自我描述性，更易理解

6. JSON 语法是 JavaScript 对象表示法语法的子集。

(1) 数据在名称/值对中

(2) 数据由逗号分隔

(3) 花括号保存对象

(4) 方括号保存数组

(5) 示例：

①

{
"employees": [
{ "firstName":"John" , "lastName":"Doe" },
{ "firstName":"Anna" , "lastName":"Smith" },
{ "firstName":"Peter" , "lastName":"Jones" }
]
}

7. JSON 值的类型：

(1) 数字（整数或浮点数）

(2) 字符串（在双引号中）

(3) 逻辑值（true 或 false）

(4) 数组（在方括号中）

(5) 对象（在花括号中）

(6) null

8. 使用 AJAX 请求来获得 JSON 数据语法格式

(1)

$.ajax({
	url: url,
	data: data,
	success: callback,
	dataType: json
});

(2)

$.getJSON("demo_ajax_json.js",{参数列表},function(result){
	$.each(result, function(i, field){
		$("div").append(field + " ");
	});
});

9. 使用 AJAX 请求来获得 JSON 数据

(1) 使用AJAX请求获取JSON方式，需要的步骤如下：

① 导入JSON相关jar包

② 创建Servlet

③ 创建实体对象集合

④ 将对象集合放入JSON当中

⑤ 将JSON写出

(2) 页面使用ajax的json方式请求，使用回调函数获得json数据。

10. 引入JSON架包

(1) 使用JSONObject 类的话需要以下6个JAR包

① commons-beanutils.jar

② commons-collections.jar

③ commons-lang-2.6.jar

④ commons-logging.jar

⑤ ezmorph.jar

⑥ json-lib.jar

转载

转载地址：http://www.javacc.top/showbloginfo.action?id=45