jQuery從提交刷新頁面

Question

我想製作一個簡單的HTML頁面，就像「計算器」。我需要表中的值將出現在按鈕單擊它將插入數據到表中，但它會重新加載頁面本身 - 這不是我所需要的，我需要看到的數據。

可以做到嗎？謝謝，這是我的形式：

這裏是鏈接的jsfiddle：你正在嘗試做的計算http://goo.gl/6cWY0r

Answer 1

你不應該混淆你的形式提交。在提交表單時，數據會發送到服務器，頁面將重新加載。如果你想避免簡單地創建一個按鈕，像我在這裏做不提交表單：
http://jsfiddle.net/tdo6q9km/2/
所以你真正需要做的是添加另一個按鈕的形式

<button id="calc"> Calculate </button> 

外。

Answer 2

$('button').on('click', function(e){ 
    $("table").append("<th scope=\"row\">1</th><td>Mark</td><td>Otto</td><td>@mdo</td>"); 
    e.preventDefault(); 
    });