JQuery

JQuery API中文手档

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等

Ajax

Asynchronous Javascript And Xml
异步Javascript和XML，是一种创建交互式网页应用的网页开发技术，不是新的技术
1.使用CSS和XHTML来表示
2.使用DOM模型来交互和动态显示
3.使用XMLHttpRequest来和服务器进行异步通信
4.使用javascript来绑定和调用

作用：
解决局部刷新的问题

数据请求 Get

1.创建对象

function ajaxFunc(){
	var xmlHttp;
	try{
		xmlHttp=new XMLHttpRequest();
	}
	catch (e){
		try{
			xmlHttp=new ActiveXObject("MSXML2.XMLHTTP");
		}
		catch (e){
			try{
				xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e){}
		}
	}
	return xmlHttp;
}

2.发送请求

function get(){
	var request = ajaxFunction();
	// 请求类型，请求路径(带数据)，是否异步
	request.open("GET", "servlet1?name=value", true);
	request.send();
}

2.1 发送请求时如还想获取响应数据

function get(){
	...
	request.open(...)
	//获取响应数据，相当于注册监听
	request.onreadystatechange = function(){
		if(request.readyState == 4 && request.statue == 200){
			alert(request.responseText);
		}
	}
	...

数据请求 Post

发送数据不同：
request.setRequestHeader(“Content-type”,“application/x-www-form-urlencoded”);
request.send(“name=value”);

JQuery

导入：

load

// 为指定页面元素加载servlet的值，并在function中手动完成元素的属性变更
$("").load(“servlet1”,function(…){>>>})

内部是使用get请求，回来赋值时，使用text去赋值

get

$.get(url, callback)

$.val()：设置元素里value的属性值
$.html()：可以带标签
$.text()：

post

$.post(url, data, callback)
data是json格式

XStream

转化bean对象为xml字符串

XStream xStream = new XStream();

//把id做成属性
xStream.useAttributeFor(Class.class, “id”);

// 设置类名的别名（为了简化输出名称）
xStream.alias(“name”, Class.class);

String xml = xStream.toXML(list)

JSON工具

格式化：HiJSON

JAR：
commons-beanutils.jar
commons-collections.jar
commons-lang.jar
commons-logging.jar
ezmorph.jar
json-lib-jdk.jar

JSONArray：变成数组，集合
JSONObject：变化简单的数据

JSONArray jsonArray = JSONArray.fromObject(list);