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控件来运行代码隐藏异步。这通常被称为＆＃34; AJAX＆＃34; （异步JavaScript和XML）或＆＃34; XHR＆＃34; （XML HTTP Request），内置于WebForms框架。

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

Answer 2

可以从C＃表单或类调用JavaScript函数，并从JavaScript调用C＃函数。

Javascript to C＃

-------C# code--------------------
[System.Runtime.InteropServices.ComVisible(true)]
// execute the following instruction in the form initialisation
WebBrowser1.ObjectForScripting = this ;
// define a public method
public void ShowMessage (string msg) { MessageBox.Show(msg); }

-------HTML and Javascript----------------
<input type="button" value="JavaScript is calling Dotnet"
onclick="window.external.ShowMessage('JavaScript message');" />

C＃到Javascript

-------C# code--------------------
object [] MyArgs = { "Hello" } ;   WebBrowser1.Document.InvokeScript("MyJsFunction",MyArgs ) ;

-------Javascript----------------
function MyJsFunction(s)  { alert(s) ; }

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

2 个答案: