qq_956350073 2017-08-15 09:28 采纳率: 92.3%
浏览 1703
已采纳

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

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

  • 写回答

2条回答 默认 最新

  • 我本狂儒 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点半就下班了,给你写个回复好难,我有加密系统超过多少个字节,就不能复制,长点的代码,我还要半行半行复制,而且还找得旧项目
    你要看不懂我就真亏了凑合看吧看不懂就算了,大体也就这样

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 cplex运行后参数报错是为什么
  • ¥15 之前不小心删了pycharm的文件,后面重新安装之后软件打不开了
  • ¥15 vue3获取动态宽度,刷新后动态宽度值为0
  • ¥15 升腾威讯云桌面V2.0.0摄像头问题
  • ¥15 关于Python的会计设计
  • ¥15 聚类分析 设计k-均值算法分类器,对一组二维模式向量进行分类。
  • ¥15 stm32c8t6工程,使用hal库
  • ¥15 找能接spark如图片的,可议价
  • ¥15 关于#单片机#的问题,请各位专家解答!
  • ¥15 博通raid 的写入速度很高也很低