溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天在寫一個ajax請求的時候出現(xiàn)ajax請求成功后，頁面居然會出現(xiàn)刷新，url有跳轉，找了半天，終于發(fā)現(xiàn)了問題所在，原來我在表單里面有一個 <input type="button" onclick="submit()"/>元素，之前用的是表單提交的方式發(fā)送的請求，改成ajax請求后忘記刪除，但是我好奇的是我在js里面寫的submit()方法已經(jīng)被刪除了，怎么還會提交表單呢？
我仔細一看，原來button的onclick事件觸發(fā)的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" /><span id="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>
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內(nèi)容。
