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);