java代码实现ajax 顶和踩功能。

先是jquery代码:

$("input[name='btn_up']").click(function(){
var val = $(this).attr("data_id");

$.ajax({
  type: "POST",
  url: '<s:url action="count"></s:url>',
  data: "tag=up&id="+val,
  success: function(msg){
  alert("success : "+msg);
    $("#count_up_"+val).html(msg);
  }
});
});

$("input[name='btn_down']").click(function(){
var val = $(this).attr("data_id");
$.ajax({
  type: "POST",
  url: '<s:url action="count"></s:url>',
  data: "tag=down&id="+val,
  success: function(msg){
    $("#count_down_"+val).html(msg);
  }
});
});


、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、


页面代码:


<input type="button" value="顶" name="btn_up" data_id="${id}" />
            
              <span id="count_up_${id}">${praiseCount}</span>
              
              <input type="button" value="踩"  name="btn_down" data_id="${id}" />
            
           
            
              <span id="count_down_${id}">${flameCount}</span>
              


、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、

CountAction代码:

public class CountAction extends DrivenBase {

public static final String CHECK_SUCCESS="checksuccess";




///


@Override
protected String check(){
// 返回结果
return SUCCESS;
}



public String execute(){
/*if(target == null)
return ERROR;*/

// 接收参数
// System.out.println("======params.getMessageId====="+ 
// ((SiteMessageWordParams)params).getMid());
/*SiteMessage message = 
messageBiz.load(((SiteMessageWordParams)params).getMid());*/


target = targetBiz.load(params.getId());
System.out.println(" target = "+target);
if (target == null) {
return ERROR;
}
        if (tag!=null&& tag.trim().equalsIgnoreCase("up")) {
        target.setPraiseCount(target.getPraiseCount() == null?
        1:target.getPraiseCount()+1);
}else{
       target.setFlameCount(target.getFlameCount() == null ? 1: target.getFlameCount()+1);
}

// target.setCallName(params.getCallName());
//target.setMessage(params.getMessage());
//
// target.setConents(params.getConents()); 
//    http://localhost:8080/wyb/site/message/reply/list?wordId=1    

// 执行处理
targetBiz.update(target);


//希望添加成功之后跳转到这个页面,而不是返回drivebase里面的连接

/*"http://localhost:8080/wyb/site/message/reply/list?wordId="
+ServletActionContext.getRequest().getParameter("mid");*/

System.out.println(" ==== update  == success ");
HttpServletResponse response = ServletActionContext.getResponse();
response.setCharacterEncoding("utf-8");
PrintWriter out = null;
try {
out = response.getWriter();
out.print(tag!=null&& tag.trim().equalsIgnoreCase("up")
? target.getPraiseCount():target.getFlameCount());
} catch (IOException e) {
e.printStackTrace();
}finally{
if (out!=null) {
out.close();
}
}

return null;
}


///

@Override
public StringRender getPageTitle(){
return super.getPageTitle().add(SiteMessageWord.CLASS_TEXT + "添加");
}

private String tag;

希望有人提交更好的顶和踩方法


/**
* @param tag the tag to set
*/
public void setTag(String tag) {
this.tag = tag;
}

}

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
下面是一个基于 Java Servlet 的 AJAX 添加功能的示例代码。 HTML 代码: ```html <form id="add-form"> <div> <label for="name">姓名:</label> <input type="text" id="name" name="name"> </div> <div> <label for="age">年龄:</label> <input type="text" id="age" name="age"> </div> <button type="submit">添加</button> </form> ``` JavaScript 代码: ```javascript $(function() { // 监听表单提交事件 $("#add-form").submit(function(event) { // 阻止表单默认的提交行为 event.preventDefault(); // 获取表单数据 var formData = $(this).serialize(); // 发送 AJAX 请求 $.ajax({ url: "/api/users", type: "POST", data: formData, dataType: "json", success: function(data) { // 添加成功,更新页面 console.log(data); }, error: function(jqXHR, textStatus, errorThrown) { console.error(textStatus, errorThrown); } }); }); }); ``` Java Servlet 代码: ```java @WebServlet("/api/users") public class UserServlet extends HttpServlet { private UserDao userDao = new UserDaoImpl(); @Override protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { // 从请求参数中获取用户数据 String name = req.getParameter("name"); int age = Integer.parseInt(req.getParameter("age")); // 创建用户对象 User user = new User(name, age); // 将用户对象保存到数据库中 userDao.addUser(user); // 返回添加成功的响应 resp.setContentType("application/json"); resp.setCharacterEncoding("UTF-8"); PrintWriter out = resp.getWriter(); out.print("{\"success\": true}"); out.flush(); } } ``` 在上面的代码中,UserDao 是一个接口,UserDaoImpl 是一个实现了该接口的类,用于执行具体的数据库操作。你需要根据自己的项目情况,实现相应的 UserDao 接口和 UserDaoImpl 类。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值