鍍金池/ 問答/HTML5  HTML/ 點(diǎn)擊submit后，刷新數(shù)據(jù)，但是頁面還是當(dāng)前頁面

點(diǎn)擊submit后，刷新數(shù)據(jù)，但是頁面還是當(dāng)前頁面

點(diǎn)完submit（確定按鈕）后，會跳轉(zhuǎn)到其他頁面，怎么阻止跳轉(zhuǎn)，并且在當(dāng)前頁面刷新數(shù)據(jù)。圖片描述

圖片描述

回答
編輯回答
不舍棄

那得用AJAX技術(shù)了.

2018年8月30日 02:31
編輯回答
吃藕丑
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        form {
            text-align: center;
            margin: 100px 0 0 0;
        }
    </style>
</head>

<body>
    <form action="#" onsubmit="return false">
        <p>
            <span>姓名：</span>
            <input type="text" name="" id="">
        </p>
        <p>
            <span>執(zhí)行方式：</span>

            <label for="test1">
                        手動：<input type="radio" name="test" id="test1">
                </label>
            <label for="test2">
                        自動：<input type="radio" name="test" id="test2">
                </label>
        </p>
        <input type="submit" value="提交">
    </form>
</body>

</html>

<script>
    // 阻止跳轉(zhuǎn)
    var inp = document.querySelector('input');
    inp.addEventListener('click', function() {
        // 1.獲取表單元素中的值
        // 2.ajax發(fā)送表單數(shù)據(jù)
        // 3.將響應(yīng)回來的數(shù)據(jù)渲染到頁面
    })
</script>
2017年8月14日 10:03
編輯回答
鹿惑
document.querySelector('#btn').addEventListener("click",function(){
    //dosomething 包括當(dāng)前頁面刷新數(shù)據(jù)的操作
    
    return false;    //阻止頁面跳轉(zhuǎn)
},false)
2017年11月6日 05:39