Jquery

Ajax
1，xmlhttprequest
2，callback
3，reponseText

JSON
1，什么是JSON？
JS中的原生数据格式，类似Java中的引用类型（对象，集合）。
2，JSON语法规则
{名称:值,名称:值…} ----------- > User
[{名称:值,名称:值…},{},{}…]-----------> List
{名称:{名称:值,…}} -------------> Map<String,User>
{名称:[{名称:值,…},{名称:值,…}{名称:值,…}]} ------------->Map<String,List>
3，字符串转换JSON
通过eval函数进行转换：var json=eval("("+txt+")");
4，服务器端返回JSON
利用google提供的json工具包: gson.jar
（1）引入gson.jar
（2）创建Gson对象：Gson g=new Gson();
（3）对象转换json：String json=g.toJson(obj);
5，JSON练习：改造百度的自动补齐程序，使用JSON传递数据。

JQuery
1，什么是JQuery？
（1）JS库，行业标准 ---------- 前端框架
（2）Ｗｒｉｔｅ　ｌｅｓｓ　ｄｏ　ｍｏｒｅ！
（3）简洁，使用方便，功能强大。
2，入口函数
$(document).ready(function(){
// 在这里写你的代码…
});
//简写方式
$(function()//在这里写你的代码...);3，JQuery对象和DOM对象（1）JQuery对象和DOM对象的方法不能相互通用（2）DOM->JQuery：$(dom对象)
（3）JQuery->DOM：Jquery对象[i]或Jquery对象.get(i);
4，JQuery选择器
*（1）ID选择器：KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲id")==document.…(".class")
*（3）标签选择器：$(“div”)==document.getElementsByTagName(“div”)
（4）属性选择器：
$(“div[id]”)：选择有id的div
$(“div[id=‘aa’]”)：选择id=“aa"的div
*（5）层级选择器：
$(“div p”)：选择div中的后代元素p
$(“div>p”)：选择div中的子元素p
（6）表单选择器：
$(”:text")
$(":checkbox")
（7）简单选择器：
$(":first"):获取首元素
$(":last")：获取尾元素
$(":eq(0)"):获取指定元素
$(":gt(0)")：获取大于指定元素的元素
$(":lt(0)")：获取小于指定元素的元素
5，JQuery的Ajax实现
$.get(url,[参数],function(data){
alert(data);
});
$.post(url,[参数],function(data){
alert(data);
});
6，JQueryUI-------->EasyUI

DWR框架的使用
1，搭建dwr使用环境
（1）引入dwr所依赖的jar包：dwr.jar和commons-logging.jar
（2）在web.xml中配置核心控制器：DwrServlet （debug）
Tomcat7安全问题的解决方案，在DwrServlet的配置中添加如下信息：

crossDomainSessionSecurity
false


allowScriptTagRemoting
true

（3）创建dwr的配置文件：





（4）测试：http://localhost:8080/project/dwr/*
2，页面调用方式
（1）引入js:

（2）使用方式：
J对象.方法(参数,回调函数名);
function 回调函数(data){
data表示方法的返回结果;
}
3，dwr扩展内容
（1）返回JavaBean的方法调用方式：
配置：
（2）调用有JavaBean或集合类型参数的方法：
配置：
JS中调用：以JSON格式来描述javaBean对象或集合对象