jQuery的ajax提交表单

1、表单

      <form id="ff" method="post">
         <div class="input-group">
             <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
             <input id="password" class="form-control" type="text" name="password" placeholder="输入新密码"/>
         </div>
         <div class="input-group" style="margin-top: 5px;">
             <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
             <input id="repassword" class="form-control" type="text" name="repassword"
                    placeholder="再次输入新密码"/>
         </div>
         <br/>
         <div class="form-group">
             <div class="text-center">
                 <a href="javascript:changePassword()" class="btn btn-success btn-block"
                    onclick="return checkPassword()">确定</a>
             </div>
         </div>
      </form>
  
 

2、脚本

      <script type="text/javascript">
         function changePassword() {
              $.post('/user/changePassword', {"password":$("#password").val()}, function (data) {
                if (data.success) {
                    alert("恭喜，密码更改成功！");
                     $('#password').val("");
                     $('#repassword').val("");
                 } else {
                    alert("遗憾，密码更改失败！");
                 }
              });
          }
      </script>
  
 

3、控制器

      package net.hw.shop.webmvc;
      import net.hw.shop.bean.Category;
      import net.hw.shop.bean.Order;
      import net.hw.shop.bean.Product;
      import net.hw.shop.bean.User;
      import net.hw.shop.service.CategoryService;
      import net.hw.shop.service.OrderService;
      import net.hw.shop.service.ProductService;
      import net.hw.shop.service.UserService;
      import org.springframework.stereotype.Controller;
      import org.springframework.ui.Model;
      import org.springframework.web.bind.annotation.RequestMapping;
      import org.springframework.web.bind.annotation.RequestParam;
      import org.springframework.web.bind.annotation.ResponseBody;
      import sun.misc.resources.Messages_pt_BR;
      import javax.annotation.Resource;
      import javax.servlet.http.HttpSession;
      import java.sql.Timestamp;
      import java.util.HashMap;
      import java.util.List;
      import java.util.Map;
      /**
       * Created by howard on 2017/4/28.
       */
      @Controller
      @RequestMapping("/user")
      public class UserController {
         @Resource
         private UserService userService;
         @RequestMapping("/changePassword")
         @ResponseBody
         public Map<String, Object> changePassword(@RequestParam("password") String password,
       HttpSession session) {
             String username = (String) session.getAttribute("username");
             User userParam = new User();
              userParam.setUsername(username);
             User user = userService.findList(userParam).get(0);
              user.setPassword(password);
             int count = userService.save(user);
              Map<String, Object> map = new HashMap<String, Object>();
             if (count > 0) {
                  map.put("success", true);
              }
             return map;
          }
      }
  
 

4、运行效果

文章来源: howard2005.blog.csdn.net，作者：howard2005，版权归原作者所有，如需转载，请联系作者。

原文链接：howard2005.blog.csdn.net/article/details/79362297