您的位置:首页 > Web前端 > JQuery

关于ajax异步提交到后台的jquery应用

2015-07-30 16:46 543 查看

前台页面有个js函数

可以通过事件去触发这个函数 下面是前台js的具体写法和描述

<script type="text/javascript">

  //ajax验证手机号码是否用过

  function doAjax() {

        $.ajax( {

            url : "/user/checkUsername.html",//路径

            dataType : "text", //传参的数据类型

            type : "post", //传参方式,get 或post

            data : {

                username : $("#username").val() //传过去的参数,格式为 变量名:变量值

            },

            error : function(msg) { //若Ajax处理失败后返回的信息

                alert("Ajax跳转处理失败");

            },

            success : function(text) { //若Ajax处理成功后返回的信息

               if(text==1){//我的是注册信息  1标识没有重复的可以注册   如果返回的空说明是有重复的不可以注册

                 alert("可以注册");

                }else{

                 alert("不可以使用 ");

                }

            }

        });

    }

</script>

这是Java后台接收  其中struts.xml中的跳转就不谢了   标配 没什么可写的

public String checkUsername() throws Exception {

 logger.debug(user);

 boolean result = userService.checkUsername(user.getUsername());

 HttpServletResponse response = ServletActionContext.getResponse();

 response.setContentType("text/html;charset=UTF-8");

 PrintWriter out = response.getWriter();

 // 直接输入响应的内容

 if (result) {

  out.println("1");//返回响应的内容

 } else {

  out.println("");

 }

 out.flush();

 out.close();

 return null;

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息