实例解析java jQuery json工作过程(登录)

实例解析

java + jQuery + json

工作过程

(

登录

) 

2009

年

02

月

24

日

  |  9:55 

下午

分类：

Java, ajax, finance, jQuery, json, 

教程

, 

项

目

  |  

标签：

ajax

、

Java

、

jQuery

、

json

、

json-lib

、教程

  |  4,688 views 

本文主要讲解在

java

环境下使用

jQuery

进行

JSON

数据传送的交互过程

参考根据作者的账务管理系统

(

个人版

) 

源码下载

讲解

一、相关技术、工具简介

1

、

简单介绍一下

JSON

，

JSON

是一种轻量级的数据交换格式。

易于人阅读和编写。

同时也易

于机器解析和生成。

已键值对形式表示数据，

和

java

中的

Map

的数据存储形式相似，

具体细

节请参考

http://www.json.org/json-zh.html

。

2

、

对应后台

JSON

的数据处理工具

json-lib

，

包含各种格式数据的工具类，

比如：

JavaBean

、

数组、集合

(Collection)

等，参考

API

文档。

3

、

jQuery

框架中的数据表现形式，如果你熟悉

jQuery

的话就会发现

jQuery

的使用的数据

传输都是

JSON

格式，比如我们经常使用的

$.ajax

方法：

$.ajax({ 

url : url, 

data : { 

id : chkValue 

}, 

cache : false, 

dataType : "json", 

success : function(result){ 

alert(result); 

} 

); 

其中

 {

„

} 

表示的就是

JSON

格式的数据

二、前台工作方式

为了能够容易理解以系统登录讲解，最后会以一个实例的方式讲解

1

、登录页面

代码请参见

 http://code.google.com/p/finance-p/source/browse/trunk/login.jsp 

用户名：

密码：

2

、登录

javascript

文件

 login.js