在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  Java  HTML/ a標簽組織頁面跳轉(zhuǎn),并且刷新當前頁面

a標簽組織頁面跳轉(zhuǎn),并且刷新當前頁面

圖片描述

點擊刪除按鈕(a標簽),會給后天傳一個id,我點擊之后,會跳轉(zhuǎn)到一個其他頁面,怎么阻止跳轉(zhuǎn),并且重新刷新當前頁面,有什么辦法嗎?

回答
編輯回答
安于心

1、按鈕可以不用a鏈接,用button。非要用a鏈接,需要阻止默認事件。

clickLink(event){
    event.preventDefault;
    // 執(zhí)行其他操作
}

2、重新刷新當前頁面?你應該是想操作后刷新列表數(shù)據(jù)。操作后再調(diào)用下列表的接口即可。

2018年2月3日 14:54
編輯回答
涼心人

1、阻止a標簽跳轉(zhuǎn)的方式:這里一共總結(jié)了5種
第一種:

html code:
<a  onclick="alert('JavaScript Code');return false;">跳轉(zhuǎn)</a>

第二種:

html code:
<a  onclick="test();return false;">跳轉(zhuǎn)</a>
javascript code:
function test(){
    alert('javascript Code');
}

第三種

html code:
<a  onclick="return test();">跳轉(zhuǎn)</a>
javascript code
function test(){
    alert('javascript Code');
}

第四種

html code:
<a  id="link">跳轉(zhuǎn)</a>
javascript code:
let Odom= document.querySelector('#link');
Odom.onclick = function (){
    alert('javascript Code');
    return false;
}

第五中

html code:
<a href="javascript:void(0);" id="link">跳轉(zhuǎn)</a>
javascript code:
let Odom = document.querySelectOr('#link');
Odom.onclick = function (){
    alert('javascript Code');
}

2.可以使用Ajax將刪除的數(shù)據(jù)id發(fā)送到后臺。后臺刪除成功之后在回調(diào)函數(shù)中刪除當前的DOM元素即可做到無刷新

2018年9月10日 22:22
編輯回答
笑忘初

我也碰到了這個問題,不過我是這么解決的

<a href="javascript:void(0);" onclick="delproduct()">

可以在a標簽中寫入javascript:void(0)來阻止跳轉(zhuǎn),至于刷新用onclick綁定一個事件,在事件里這樣寫
function delproduct(){

        var confirm2 = confirm("您確認要刪除嗎?");
        if (confirm2) {
            /*如果用戶點擊確定按鈕,則 confirm() 返回 true。如果點擊取消按鈕,則 confirm() 返回 false。*/
            location.href = "${pageContext.request.contextPath}/admindel.jsp;
           admindel是你當前頁面的相對路徑
        }
    }
2018年4月29日 11:41