spring mvc+ajax实现数据交互



   开发步骤(使用jquery实现):
     1.导入jquery库,把jquery-1.11.1.js拷贝到WebContent/js目录下
     2.修改jsp页面,实现jquery交互功能
       1).模拟一个帐号检查功能
       2).当用户输入注册帐号后,失去焦点时检查帐号-使用ajax检查
          <input name="userName"  οnblur="checkUserName();"   type="text" />
          编写两个函数,一个用于提交请求,一个用于处理服务器返回的结果(回调函数)
          <script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script type="text/javascript">
  //ajax操作函数
  function checkUserName(){
  //$("a[target='_blank']")
  //1.作业:jquery的选择器都有哪些?写出你常用的5个选择器.
  var uname = $("input[name='userName']").val();  
alert(uname);
$.post("user/checkuser.do",{userName:uname},doResult);
  }
  //回调函数
  function doResult(data){
  alert(data);
  }
</script>

      3.修改Controller,处理ajax请求并返回json数据   -- 使用json进行交互: 文本(普通字符),json,xml
        @RequestMapping("/checkuser")
@ResponseBody
public String checkUser(UserInfo userInfo){
logger.info("checkUser ================= "+userInfo.getUserName());

return "{\"success\":\"true\"}";//返回json格式的字符串
}







评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值