哪个大神给我说说,怎么使用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点半就下班了,给你写个回复好难,我有加密系统超过多少个字节,就不能复制,长点的代码,我还要半行半行复制,而且还找得旧项目
你要看不懂我就真亏了凑合看吧看不懂就算了,大体也就这样本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报