qq_39612909
qq_956350073
采纳率92.3%
2017-08-15 09:28 阅读 1.6k

怎么使用jQuery+Ajax向服务器提交数据

哪个大神给我说说,怎么使用jQuery+Ajax(post)向服务器提交登录请求?
然后验证。返回数据后怎么处理?

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

2条回答 默认 最新

  • 已采纳
    qq_38005982 我本狂儒 2017-08-15 10:07

    你为什么要用ajax提交登陆请求呢!你不会用form表单提交,然后比如说先输入账号,然后给一个失去焦点的事件,只要失去焦点,就向后台发送你在账号的标签里输入的值,去后台进行数据库的比对,只要有,就返回一个true,否则返回错,然后去掉表单的提交方式就可以了
    用js和Ajax的方法我没试过但我可以给你一个我上面的方法
    先写一个from表单,在账号里给一个 onblur="Name($('#ss').val())" 方法 ss是这个input的ID------然后在一个input里写一个p标签,然后不写内容
    因为onblur事件,只要这个input失去焦点就有一个方法

        这里用到了ajax向后台传值,和接收后台的值
        function Name(name) {
        var name=name;
        $.ajax({
        type:"get",
        dataType:"json",
        cache:false,
        data:"staffTelephone="+name,
        url:"<%=request.getContextPath()%>/staffTeleGet",
        //这个是如果你发送到后台的信息有返回值,你就加上下面的data,只要没有就没必要加下面的了
        complete:function(msg){
        var data = eval("(" + msg.responseText + ")");
        if(data.list==null){
        $("#kk").html("不存在");
        }else{
        $("#kk").html("");
    

    后台
    // 员工号码查询,用作登陆
    @RequestMapping("/staffTeleGet")
    @ResponseBody
    public Object staffTeleGet(Staff staff) throws Exception
    {
    Map map = new HashMap(;
    map.put("list", staffOfServices.staffTeleGet(staff));
    return map;
    //我在后台定义了之前Ajax向后台发的路径名@RequestMapping("/staffTeleGet")
    然后调用逻辑层一直到数据库信息,根据前台的账号查到数据库里的所有信息,然后把对象存进MAP里,在前台Ajax里取出来,判断var data = eval("(" + msg.responseText + ")");
    data就是接受的后台传的所有KEY,然后data.list,就拿到了值,如果数据库里没有,那这个对象就是NULL嘛!后台如果接收和返回给Ajax一定要有
    @ResponseBody
    方法的类型一定是父类

    我真是无语了,我5点半就下班了,给你写个回复好难,我有加密系统超过多少个字节,就不能复制,长点的代码,我还要半行半行复制,而且还找得旧项目
    你要看不懂我就真亏了凑合看吧看不懂就算了,大体也就这样

    点赞 2 评论 复制链接分享
  • qq_33727653 砸死接触 2017-08-15 12:47

    可以。。。路过。。。。了解。。。。不过感觉这样的用法不够严谨

    点赞 评论 复制链接分享

相关推荐