今天在寫一個(gè)ajax請(qǐng)求的時(shí)候出現(xiàn)ajax請(qǐng)求成功后,頁(yè)面居然會(huì)出現(xiàn)刷新,url有跳轉(zhuǎn),找了半天,終于發(fā)現(xiàn)了問題所在,原來(lái)我在表單里面有一個(gè) <input type="button" onclick="submit()"/>元素,之前用的是表單提交的方式發(fā)送的請(qǐng)求,改成ajax請(qǐng)求后忘記刪除,但是我好奇的是我在js里面寫的submit()方法已經(jīng)被刪除了,怎么還會(huì)提交表單呢?
我仔細(xì)一看,原來(lái)button的onclick事件觸發(fā)的submit()方法還是會(huì)提交表單,如果將該方法改一下名字,表單就不會(huì)提交了!。
下面是我的jsp頁(yè)面:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
<%@ include file="/jsp/meta.jsp" %>
<title>登錄頁(yè)面</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請(qǐng)求獲取用戶登錄信息
$(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>
創(chuàng)新互聯(lián)www.cdcxhl.cn,專業(yè)提供香港、美國(guó)云服務(wù)器,動(dòng)態(tài)BGP最優(yōu)骨干路由自動(dòng)選擇,持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證, 機(jī)房獨(dú)有T級(jí)流量清洗系統(tǒng)配攻擊溯源,準(zhǔn)確進(jìn)行流量調(diào)度,確保服務(wù)器高可用性。佳節(jié)活動(dòng)現(xiàn)已開啟,新人活動(dòng)云服務(wù)器買多久送多久。
本文名稱:寫一個(gè)ajax請(qǐng)求出現(xiàn)的問題-創(chuàng)新互聯(lián)
網(wǎng)頁(yè)地址:http://m.newbst.com/article4/dgihoe.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供云服務(wù)器、網(wǎng)頁(yè)設(shè)計(jì)公司、靜態(tài)網(wǎng)站、網(wǎng)站維護(hù)、網(wǎng)站設(shè)計(jì)、用戶體驗(yàn)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
移動(dòng)網(wǎng)站建設(shè)知識(shí)