哪个大神给我说说,怎么使用jQuery+Ajax(post)向服务器提交登录请求?
然后验证。返回数据后怎么处理?
怎么使用jQuery+Ajax向服务器提交数据
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
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点半就下班了,给你写个回复好难,我有加密系统超过多少个字节,就不能复制,长点的代码,我还要半行半行复制,而且还找得旧项目
你要看不懂我就真亏了凑合看吧看不懂就算了,大体也就这样本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 cplex运行后参数报错是为什么
- ¥15 之前不小心删了pycharm的文件,后面重新安装之后软件打不开了
- ¥15 vue3获取动态宽度,刷新后动态宽度值为0
- ¥15 升腾威讯云桌面V2.0.0摄像头问题
- ¥15 关于Python的会计设计
- ¥15 聚类分析 设计k-均值算法分类器,对一组二维模式向量进行分类。
- ¥15 stm32c8t6工程,使用hal库
- ¥15 找能接spark如图片的,可议价
- ¥15 关于#单片机#的问题,请各位专家解答!
- ¥15 博通raid 的写入速度很高也很低