2

直接问一个问题，当我在我的页面中完成添加一些数据并单击提交按钮时，我怎样才能弹出一个窗口说信息已成功添加到数据库中而不是创建一个新页面？有什么我可以做的吗？有什么网站可以参考吗？谢谢

4

7 回答 7

1

您只需输入以下代码：

Response.Write("<script>alert('information has been successfully added')
                </script>");
于 2012-09-10T06:11:18.660 回答
1

你可以为它创建一个可重用的函数。

  public void Show(string msg)
  {
            Page page = HttpContext.Current.Handler as Page;
            if (page != null)
            {
                ScriptManager.RegisterStartupScript(page, page.GetType(), "msg", "alert('" + msg + "');", true);
            }
  }

并在这样的提交按钮调用中。

 protected void btnSubmit_Click(object sender, EventArgs e)
 {
       // Your Code for submit 
        Show("Save Success");
 }
于 2012-09-10T06:40:28.007 回答
0

您可以在消息中设置标签文本，并在要显示消息时使其可见。

lblMessage.Text = "Data updated successfully";
lblMessage.Visible = true;

为了使其突出，您可以使用 jquery dialogs，并使用 CSS 适当地对其进行样式设置。

于 2012-09-10T06:21:53.047 回答
0 
//Global Declaration
public static void Message(String message, Control cntrl)
{
  ScriptManager.RegisterStartupScript(cntrl, cntrl.GetType(), "alert", "alert('" + message + "');", true);
}


//Call any where, where you want to display message
 Message("Any message here", this);
于 2012-09-10T06:25:25.003 回答
0 
ScriptManager.RegisterStartupScript(this, this.GetType(), "Notification", "alert('Done');", true);
于 2012-09-10T06:25:58.257 回答
0

如果您使用常规提交行为提交表单，则使用 ASP.NET，您仍将经历一个完整的页面生命周期。这意味着该页面首先需要重新加载，然后才能触发您的警报。如果您希望页面不重新加载而只显示结果警报，则需要使用 AJAX 执行操作，将表单发布到更新您拥有的数据库的服务方法。这不会重新加载您的页面，只会显示您的 ajax 调用已完成的警报。jQuery $.post()

于 2012-09-10T06:27:27.007 回答
0

检查有效数据后单击按钮，您可以执行以下操作

ClientScriptManager script = Page.ClientScript

if (!script.IsStartupScriptRegistered(GetType(), "Show Popup"))
 {
   script.RegisterStartupScript(GetType(), "Show Popup", "ShowPopup();", true);
 }

您可以使用ClientScriptManager.RegisterStartupScript 方法javascript调用函数code behind

这是你的弹出窗口

HTML：

<div id="Popup"></div>

CSS：

#Popup
{

    height:200px;
    width:300px;
    position:fixed;
    z-index:102;
    left:50%;
    top:50%;
    margin-top:-130px;
    margin-left:-180px;
    font-weight:bold;
    font-size:10pt;
    padding:20px;
    background-color:#fff;
    border:10px solid #9cc3f7;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    text-align:center;
    display:none;
}​

jQuery函数：

function ShowPopup()
{

 $('#Popup').show("slow");

}​

查看示例

于 2012-09-10T06:34:27.953 回答