ASP.NET - 不想页面刷新

Question

所以我有这个功能，当我点击添加按钮时我不希望页面刷新。你可以帮我吗？

<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> 

行！所以...我也试着这样做：

<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假更改按钮从提交按钮类别

我看你的样品做工精细，可添加类型= “按钮”

  
 
      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>