Question

所以我有这个功能，当我点击Add Button时我不想刷新页面。你能救我吗？

<div class="form-group">
            <label for="autores">Autores</label>
            <textarea runat="server" class="form-control" rows="1" id="autores"></textarea>
            <asp:Button runat="server" OnClientClick="addAutor();" Text="Add" CssClass="btn btn-default" AutoPostback=false  />
        </div>
    </div>
    <div class="col-md-4">
        <table id="lista" contenteditable>
            <tr>
                <td><strong>Autores</strong></td>
            </tr> 
        </table>
        <script>
            function addAutor() {
                var table = document.getElementById("lista");
                var row = table.insertRow(1);
                var cell1 = row.insertCell(0);
                var cell2 = row.insertCell(1);
                cell1.innerHTML = "NEW CELL1";
                cell2.innerHTML = "NEW CELL2";
                return false;
            }
        </script>
    </div>

OK！所以...我也尝试这样做：

<table id="myTable">
            <tr>
                <td>Row1 cell1</td>
                <td>Row1 cell2</td>
            </tr>
            <tr>
                <td>Row2 cell1</td>
                <td>Row2 cell2</td>
            </tr>
            <tr>
                <td>Row3 cell1</td>
                <td>Row3 cell2</td>
            </tr>
        </table>
        <br>

        <button onclick="myFunction()">Try it</button>

        <script>
            function myFunction() {
                var table = document.getElementById("myTable");
                var row = table.insertRow(0);
                var cell1 = row.insertCell(0);
                var cell2 = row.insertCell(1);
                cell1.innerHTML = "NEW CELL1";
                cell2.innerHTML = "NEW CELL2";
            }
        </script>

使用html按钮...但它仍然不起作用，因为它将内容添加到表中，但页面重新加载，新内容消失。

Answer 1

<asp:button id="Button1"
      text="Submit"
      onclick="addAutor();" 
      usesubmitbehavior="false"
      runat="server"/>

将usesubmitbehavior设置为false可将按钮从提交更改为按钮类型

我看到你的样本工作正常，可能会添加type =“button”

        
            function myFunction() {
                var table = document.getElementById("myTable");
                var row = table.insertRow(0);
                var cell1 = row.insertCell(0);
                var cell2 = row.insertCell(1);
                cell1.innerHTML = "NEW CELL1";
                cell2.innerHTML = "NEW CELL2";
            }

<table id="myTable">
            <tr>
                <td>Row1 cell1</td>
                <td>Row1 cell2</td>
            </tr>
            <tr>
                <td>Row2 cell1</td>
                <td>Row2 cell2</td>
            </tr>
            <tr>
                <td>Row3 cell1</td>
                <td>Row3 cell2</td>
            </tr>
        </table>
        <br>

        <button onclick="myFunction()">Try it</button>

ASP.NET - 不想刷新页面

1 个答案: