jQuery ajax和spring mvc

jQuery ajax和spring mvc

jsp部分:
<script type="text/javascript" src="jquery-2.0.2.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
    $("#button_login").mousedown(function(){
      var username=$("#username").val();
      var password=$("#password").val();
      var account=$("#account").val();
      $.ajax( {
        //提交数据的类型,get或post,最好使用post方法,post方法不会返回乱码,

        //get方法返回乱码,需要做额外的配置
        type : "POST",
        //提交的网址,服务器地址
        url : "json.do",
        //提交的数据,传递到服务器上的参数,以键值对的形式出现,用中括号括起来
        data:{
          "username":username,
          "password":password,
          "account":account    
       },
        //从服务器端返回来的数据格式,"html",//"xml", "html", "script", "json", "jsonp", "text".
        dataType:"json",

        //设置请求响应超时时间30ms

        timeout:30000,
        //请求提交成功,返回之后调用的函数
        success : function(msg) {
          alert(msg.name+","+msg.staffName);
        }
        //请求出错执行的函数
        //error: function(msg){
          //alert("erro:"+msg);
        //}
        //所有操作都执行后,最后执行的函数
        //complete: function(XMLHttpRequest, textStatus){
          //alert(XMLHttpRequest.responseText);
          //alert(textStatus);
          //HideLoading();
        //}   
      });
    });
  });
</script>


<body> 
  <form>
    <p><span>输入姓名:</span><input type="text" name="username" id="username" /></p>
    <p><span>输入密码:</span><input type="text" name="password" id="password" /></p>
    <p><span>输入账号:</span><input type="text" name="account" id="account" /></p>
  </form>
  <button id="button_login">ajax提交</button> 
</body>

 

spring mvc部分:
@Controller
public class JSONController {
  @RequestMapping(value="/json", method = RequestMethod.POST)
  @ResponseBody
  public Shop getShopInJSON(
    HttpServletRequest request,
    HttpServletResponse response,
    @RequestParam String username,
    @RequestParam String password,
    @RequestParam String account) throws Exception{
  
    //测试数据
    Shop shop = new Shop();
    shop.setName(username);
    shop.setStaffName(new String[]{password, account});
  
    return shop;
  } 
}

你可能感兴趣的:(jQuery ajax)