Facebox Jquery框的“关闭”按钮关闭母版页，而不弹出

Question

我正在使用Facebox jQuery框来加载带有“提交”按钮和“取消”按钮的小表格。

当我单击“提交”时，它将关闭加载Facebox窗口而不是Facebox窗口的主页！ 它使AddNote.aspx站点处于打开状态（由Facebox加载），并关闭我的Main.aspx。

这是我在AddNote.aspx中的代码（由Main.aspx上的Facebox弹出窗口呈现）：

    protected void SubmitButtom_Click(object sender, EventArgs e)
    {

        string note = NotesTextBox.Text;

        //will need to add current user

        using (cmd = new SqlCommand("INSERT INTO notes (FID, note_date, note_text) VALUES (@FID, @note_date, @note_text)", con))
        {
            con.Open();
            cmd.Parameters.Add(new SqlParameter("FID", FID));
            cmd.Parameters.Add(new SqlParameter("note_date", DateTime.Now.ToString()));
            cmd.Parameters.Add(new SqlParameter("note_text", note));
            cmd.ExecuteNonQuery();
            con.Close();
            Page.ClientScript.RegisterOnSubmitStatement(typeof(Page), "closeModal", "$.facebox.close();");              //WHY DOES THIS CLOSE MAIN.ASPX INSTEAD OF FACEBOX WINDOW?                  
        }           

    }

Answer 1

欢迎使用ASP.NET

您正在使用服务器端代码来处理此表单。 这意味着您必须执行ASP.NET所谓的“ PostBack”。 这意味着页面上的form正在将数据提交回自身进行处理。 由于“提交”按钮是触发它的按钮，因此将调用您的处理程序。

这里重要的是，这需要访问服务器。 提交表单，在常规HTTP中（因此在ASP.NET中，因为它是为HTTP处理而构建的框架），这意味着页面刷新。 浏览器说：“哦！正在提交表单！是时候向服务器发送请求了，等待响应。我可能可以卸载当前拥有的页面。” 确实如此。

为了执行您想要的操作，请查看“ AJAX”或异步XMLHttpRequest。 他们是同一回事，除了一个更嗡嗡声。