加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

写一个ajax请求出现的问题

发布时间:2020-12-16 01:39:58 所属栏目:百科 来源:网络整理
导读:今天在写一个ajax请求的时候出现ajax请求成功后,页面居然会出现刷新,url有跳转,找了半天,终于发现了问题所在,原来我在表单里面有一个 input type="button" onclick="submit()"/元素,之前用的是表单提交的方式发送的请求,改成ajax请求后忘记删除,但是

今天在写一个ajax请求的时候出现ajax请求成功后,页面居然会出现刷新,url有跳转,找了半天,终于发现了问题所在,原来我在表单里面有一个 <input type="button" onclick="submit()"/>元素,之前用的是表单提交的方式发送的请求,改成ajax请求后忘记删除,但是我好奇的是我在js里面写的submit()方法已经被删除了,怎么还会提交表单呢?
我仔细一看,原来button的onclick事件触发的submit()方法还是会提交表单,如果将该方法改一下名字,表单就不会提交了!。

下面是我的jsp页面:

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
<%@ include file="/jsp/meta.jsp" %>
<title>登录页面</title>
</head>
<body>

<form action="login/userLogin" method="post">

用户名: <input type="text" name="userName" id="userName" /><spanid="user_message"></span> <br/>
密码:<input type="password" id="pwd" name="pwd"/><span id="pwd_message"></span> <br/>
<span><button id="btn" onclick="submit()">登录</button></span>

</form>
</body>
</html>

<script type="text/javascript">$(function(){var oBtn =document.getElementById('btn');//ajax请求获取用户登录信息$(oBtn).click(function(){var login_message ={'userName':$("#userName").val(),'pwd':$("#pwd").val()};$.ajax({url:'<%=ctx%>/login/userLogin',type:'post',data:login_message,//contentType: "application/json; charset=utf-8",dataType:'json',success:function(data){console.log(JSON.stringify(data));console.log(eval('('+data+')'));var result= eval('('+data+')');},error:function(data){console.log(JSON.stringify(data));}});//oForm.submit=true;});});</script>

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读