Jquery 点击当前的标签对象获取值与JS整理

太原 2019-6-24 工作经历

文章总结

在jquery中
div元素被点击时，使用 $(this)
获取当前div的id 使用 $(this).attr(“id”);
获取当前div的name 使用 $(this).attr(“name”);
获取当前div便签对中的值使用 $(this).text();
在Freemark中 Js的变量与jquery结合使用的话
#要加引号用 +号与变量连接
$("#"+memberId).removeClass(‘collected’).addClass(‘collectio’).html(‘已收藏’);
//2020-5-23更新
批量获取select多选框
var dateValue= $(“select[name=‘interest’]”).get(i).value
项目中用的时 Freemark渲染
Html中

<div class="collected" id="${bookMember.id}">收藏</div>

JS中

$(function(){//添加收藏$(".collected").click(function(){var value = $(this).text();var memberId = $(this).attr("id");if(value == "收藏"){$.ajax({type : "get",dataType : "json",url : "${base}/collect/inCollect",contentType:"application/x-www-form-urlencoded",data:{"memberId":memberId },success:function (data) {if(data.code == 1){$("#"+memberId).removeClass('collected').addClass('collectio').html('已收藏');}else{layer.msg(data.msg, {icon: 2, time: 800});}},//响应成功后的回调函数});}else{$.ajax({type : "get",dataType : "json",url : "${base}/collect/outCollect",contentType:"application/x-www-form-urlencoded",data:{"memberId":memberId },success:function (data) {if(data.code == 1){$("#"+memberId).removeClass('collectio').addClass('collected').html('收藏');}else{layer.msg(data.msg, {icon: 2, time: 800});}},//响应成功后的回调函数});}});});

后台

@Controller
@RequestMapping("/collect")
public class BookCollectController {@RequestMapping("/inCollect")public void inCollect(Model model, @RequestParam(required = false, value = "memberId", defaultValue = "") String memberId,HttpServletRequest request, HttpServletResponse response) throws IOException {Map<String,Object> result = Maps.newHashMap(); //定义一个HashMap集合 存储数据 返回前台/---查询数据库的验证跳过----/result.put("code", 1);result.put("msg", "收藏成功");printJSON(getStringOfObj(result), response);
}
//封装的方法。
protected void printJSON(Object o, HttpServletResponse response) {PrintWriter out=null;try {response.setContentType("application/json;charset=UTF-8");out = response.getWriter();out.print(o);out.flush();} catch (IOException ex) {logger.error(ex.getMessage());}catch (Exception ex) {logger.error(ex.getMessage());}finally{if(out!=null)out.close();}}
}

Jquery 点击当前的标签对象获取值与JS整理相关推荐

复选框遍历选中 php,jQuery的复选框选择并且获取值
这次给大家带来jQuery的复选框选择并且获取值,jQuery复选框选择并且获取值的注意事项有哪些,下面就是实战案例,一起来看一下. 一.checkbox选择在jQuery中,选中checkbox通 ...
ajax onclick() 获取最新输入的文本框的值,如何从jQuery onclick函数的Ajax函数中获取值？...
我有一个按钮,当我点击它时,它会从我的数据库中获取数据,并根据ID将其显示在我的文本区域中.如何从jQuery onclick函数的Ajax函数中获取值? JQuery的 $('#verifyBtn' ...
jquery attr(“xxx“,“mmm“)修改标签属性的值
jquery attr("xxx","mmm")修改标签属性的值详细讲解
Java反射之从对象获取值
我们在开发的过程中,可能会遇到需要动态地通过字符串获取某个值,该值来自于某个对象. 利用反射可以,方便获取.该类可提取为工具类,供众多类调用. getValueFormObject方法就是从Objec ...
ajax spring mvc 接收json数据,easyui ajax请求获取SpringMVC @ResponseBody返回的Json数据为什么非得eval才能通过对象获取值？...
是这样的,问题是不是比较郁闷, Spring代码@RequestMapping(value="/UserModel/createUser.html") @ResponseBody ...
jQuery教程2---隐藏p标签内容-按钮
<head> <title>jQuery教程2---隐藏p标签内容</title> <script src="js/jQuery.js&qu ...
MVC-通过对象获取整个表单内容
-------- 在MVC的Controller(控制器)里面定义相同的方法时,我们需要解决重载问题: 解决方案一:在参数中定义一个FormCollection类型,解决问题 [HttpSet] pu ...
ssh备考-06Struts2 往值栈中存入值，以及前端获取值栈中的值
目录注意点: 一.先搭建好struts2框架 index.jsp struts.xml User.java 二.往值栈压值,前端如何获取值 1.获取值栈 ValueStack1Action.java ...
java引用公共类_使用键引用从Java公共类获取值 - java
我们有一个Java公共类, public class Test { public class ob1 { public static final String test = "T1T1&qu ...

Jquery 点击当前的标签对象获取值与JS整理

Jquery 点击当前的标签对象获取值与JS整理相关推荐

最新文章

热门文章

Jquery 点击当前的标签对象获取值 与JS整理

Jquery 点击当前的标签对象获取值 与JS整理相关推荐

最新文章

热门文章

Jquery 点击当前的标签对象获取值与JS整理

Jquery 点击当前的标签对象获取值与JS整理相关推荐