如何在不刷新页面的情况下从JavaScript代码执行C#方法？

Question

如何在不刷新页面的情况下从JavaScript代码执行C#方法？这是我想要执行的功能:

protected void submitData(object sender, EventArgs e)
    {
        MySqlConnection conn = new MySqlConnection();
        string worker = workerNameInput.Text;
        string project = projectNameInput.Text;
        string status = statusInput.Text;
        string color = colorInput.Text;
        if (worker.Equals("") || project.Equals("") || status.Equals("") || color.Equals(""))
            return;
        try
        {
            conn = new MySqlConnection();
            conn.ConnectionString = connectionString;
            conn.Open();
            string com = "insert into " + table + " values ('" + worker + "','" + project + "','"+ status + "','"+ color + "');";
            MySql.Data.MySqlClient.MySqlCommand command = new MySql.Data.MySqlClient.MySqlCommand(com, conn);
            string res = command.ExecuteNonQueryAsync().ToString();
            Console.WriteLine(res);
            Console.WriteLine("Insert command pass successfully");
        }
        catch (Exception ex)
        {
            Console.WriteLine("Failed to update database with \"insert\" command");
            Console.WriteLine(ex.Message);
        }
    }

而且我知道我应该使用

public partial class主页:System.Web.UI.Page,IPostBackEventHandler和

public void RaisePostBackEvent(string eventArgument)
    {
        submitData(null, null);
    }

在JS里面我使用了这段代码:

project.updateTable = function() {
var projectName = project.projectName();
var workerName = project.workerName();
var status = project.status();
var color = project.color();;
if (projectName == "" || workerName == "" || status == "" || color == "")
    return;
project.rows.push({ projectName: ko.observable(projectName), workerName: ko.observable(workerName), status: ko.observable(status), color: ko.observable(color) });
project.projectName("");
project.workerName("");
project.status("");
project.color("");
var argumentString = projectName + "," + workerName + "," + status + "," + color;
var pageId = '<%= enterToDB.ClientID%>';
__doPostBack(pageId, argumentString);

}; 这是我配置我的按钮的方式:

<p><asp:Button runat="server" ID="enterToDB" Text="Add Project" data-bind="click: updateTable" onmouseover="this.style.background='orange', this.style.color='darkslateblue'" onmouseout="this.style.background='darkslateblue', this.style.color='orange'" /></p>

你能纠正我的错误吗？告诉我我哪里错了？

Answer 1

您可以使用ASP.NET WebForm的UpdatePanel控件来运行代码隐藏异步.这通常称为"AJAX"(异步JavaScript和XML)或"XHR"(XML HTTP请求),并且内置于WebForms框架.

这是MSDN的一个很好的资源,可以帮助您入门:https://msdn.microsoft.com/en-us/library/bb399001.aspx