1.JQuery是什么
JQuery 是 javascript 的一个框架集合 , 并不是什么新的技术。
2.Jquery有什么用
- 写少代码,做多事情【write less do more】
- 免费,开源且轻量级的js库,容量很小
注意:项目中,提倡引用min版的js库
- 兼容市面上主流浏览器,例如 IE,Firefox,Chrome
注意:jQuery不是将所有JS全部封装,只是有选择的封装
- 能够处理HTML/JSP/XML、CSS、DOM、事件、实现动画效果,也能提供异步AJAX功能
- 文档手册很全,很详细
- 成熟的插件可供选择
- 提倡对主要的html标签提供一个id属性,但不是必须的
- 出错后,有一定的提示信息
- 不用再在html里面通过<script>标签插入一大堆js来调用命令了
3.Ajax与JQuery
1、JS是一门前端语言。
2、Ajax是一门技术,它提供了异步更新的机制,使用客户端与服务器间交换数据而非整个页面文档,实现页面的局部更新。
3、jQuery是一个框架,它对JS进行了封装,使其更方便使用。jQuery使得JS与Ajax的使用更方便
4.使用:
1.引用JQuery.js文件
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
2.常用方法
.load()
$("#div01").load(“userservlet”);
解释:找到页面id为div01的标签,再加载路径为userservlet的文件,这里指servlet路径。
$("#div01") 相当于JavaScript中的document.getElementById(“div01”)
$.get(url,function(data){});
一get请求的方式向服务器传输数据,可以不加function()无需参数返回。
若需添加请求的参数,直接添加在URL上,例如"usernameServlet?name=“eric”;
若需要返回值,则添加一个数据回调函数
$.post(url,data,callback);
已post方式向服务器提交数据,并返回
url:所处理的控制类的路径
data:像服务器传递的数据,其格式为:{name:“zhangsan”,age=“18”}
callback:获取服务器返回的回调函数,格式为function(data,status){},status表示状态,200表示成功。
eg:
$.post("<%=basePath%>customer/update.action",$("#edit_customer_form").serialize(),function(data){
if(data=="1"){
alert("客户信息更新成功!");
}else{
alert("客户信息更新失败!");
}
window.location.reload();
});
函数二:
if(confirm('确实要删除该客户吗?')) {
$.post("<%=basePath%>customer/delete.action",{"id":id},function(data){
if(data=="1"){
alert("客户删除删除成功!");
}else{
alert("客户信息删除失败!");
}
window.location.reload();
});
}
注意:上述有两