【问题标题】:How to stop the page refresh after click on button in asp.net在asp.net中单击按钮后如何停止页面刷新
【发布时间】:2014-01-27 06:47:53
【问题描述】:

我有一个 asp.net 页面,我在 Edit.aspx 中使用 javascript 代码并在其中声明了一个方法 add course() 一旦添加课程方法完成,控件就会转到按钮单击事件,该事件位于Edit.aspx.cs 和按钮点击完成后整个页面刷新

【问题讨论】:

  • 你能显示aspx和javascript代码吗?
  • 如果您没有在 Edit.aspx.cs 的 Click 事件中做任何工作,只需在客户端单击按钮时返回 false。
  • course()方法中尝试OnClientClick="return course();"必须返回truefalse并且没有ajax。

标签: javascript asp.net html c#-4.0


【解决方案1】:

你的问题是说你在客户端工作然后使用

OnClientClick="course(); return false;"

.

【讨论】:

    【解决方案2】:

    如果你想调用 javascript 方法,请使用 OnClientclick()

    如果你想同时调用这两种方法,请使用 onclick 事件来调用方法背后的代码,即 aspx.cs 中的方法和内部使用此代码

      ClientScript.RegisterStartupScript(this.GetType(), "JSScript", course());
    

    【讨论】:

      【解决方案3】:

      asp.net Web 表单总是会在单击 runat="server" 按钮时进行回发。这就是它如何到达后面的代码(.cs 文件)。对于客户端点击,您可以使用 aspx ajax 或 jQuery click 或 javascript onclick 函数来防止回发。正因为如此,越来越多的 asp.net 开发人员正在转向 asp.net mvc。

      尝试创建一个简单的 html 按钮,然后单击以运行您的 javascript 函数:

      <button onclick="javascript:some_js_function();">Click Me</button>
      

      或 jQuery:

      <button id="btn">Click Me</button>
      

      在你的文档中。准备好:

      $('form').on('click', '#btn', function(evt) {
          evt.preventDefault();
          some_js_function();
      });
      

      【讨论】:

        【解决方案4】:

        如果您不想在按钮上调用任何服务器端事件,则最好使用普通的htmlbutton 控件。

        替换

          <asp:Button id="b1" Text="Submit" runat="server" />
        

           <input type="button" value="Submit">Submit</input> 
        

        【讨论】:

          【解决方案5】:

          在你的 addcourse javascript 函数中总是返回 false 和 asp:button OnClientClick="return addcourse();"

          ** 示例**

              <asp:button id="Add" runat="Server" OnClientClick="return addcourse();"/>
          

          ** jQuery **

          function addcourse()
          {
          //your code here 
          return false;
          }
          

          【讨论】:

            【解决方案6】:

            您在 Edit.aspx 上的按钮有一个属性 runat="server" 删除它并且您的回帖停止

            【讨论】:

              猜你喜欢
              • 1970-01-01
              • 2016-11-07
              • 1970-01-01
              • 1970-01-01
              • 2016-12-26
              • 2021-12-08
              • 2014-10-21
              • 1970-01-01
              相关资源
              最近更新 更多