JQuery介绍,包括load(),get(),post()以及赋值等方法

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

JQuery01

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("客
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值