将 C# 数据结果传递给 JavaScript 变量

Question

我需要将下面的 SQL 结果传递给 ASP.Net 中的 Javascript 吗？我试图在 JS 中声明这两个字段，但不能正确。如何在 JS 中得到结果？

     var Description = "<%=this.Description%>"
     var ApplicationSourceCount = "<%=this.ApplicationSourceCount%>"

用 C# 声明字符串

    public class ApplicantSourceData
    {
        public string Description { get; set; }
        public string ApplicantSourceCount { get; set; }
    }

C# WebMethod

[WebMethod]
    public List<ApplicantSourceData> GetApplicantSourceData(List<string> aData)
    {
        //SqlDataReader reader;
        List<ApplicantSourceData> GetApplicantSourceData = new List<ApplicantSourceData>();

        string connectionString = ConfigurationManager.ConnectionStrings["ATL2"].ConnectionString;
        string commandTextApplicantsByMonthCount = Properties.Queries.commandTextApplicantsByMonthCount;

        using (SqlConnection con = new SqlConnection(connectionString))
        {
            using (SqlCommand command = new SqlCommand(commandTextApplicantsByMonthCount))
            {

                command.CommandText = commandTextApplicantsByMonthCount;
                command.CommandType = CommandType.Text;
                command.Connection = con;
                con.Open();
                SqlDataReader reader = command.ExecuteReader();
                if (reader.HasRows)
                {
                    int counter = 0;
                    while (reader.Read())
                    {
                        ApplicantSourceData tsData = new ApplicantSourceData();
                        tsData.Description = reader["Description"].ToString();
                        tsData.ApplicantSourceCount = reader["ApplicantSourceCount"].ToString();
                        GetApplicantSourceData.Add(tsData);
                        counter++;
                    }
                }
            }
            return GetApplicantSourceData;
        }
    }

我尝试了以下方法，但它没有

Answer 1

您应该从客户端调用您的 WebMethod（例如，作为 AJAX 请求）。然后，您应该让 WebMethod 使用请求的数据（例如，作为 JSON 格式的字符串）向客户端返回响应。

有几种方法可以做到这一点。首先是使用 AJAX。

例子：

C#：

[WebMethod]
public static string someWebMethod(String data) {

    // your code here
    var returnData = /* some kind of data */
    JavaScriptSerializer json = new JavaScriptSerializer();
    return json.Serialize(returnData);

}

JS（以 jQuery 为例，但您也可以在常规 JS 中执行此操作）：

$.ajax({
  type: "POST",
  url: "PageName.aspx/someWebMethod",
  data: "{"data": data}",
  contentType: "application/json; charset=utf-8",
  dataType: "json",
  success: function(response) {
    // Do something with the response.
  }
});

另一种选择是使用PageMethods。为此，您可以按照以下模式从您的 JS 中调用该方法：

PageMethods.someWebMethod(data);

function onSucess(result) {
    console.log(result);
}

function onError(result) {
    console.log(result);
}

我建议也多看看 ASP.NET WebMethod 文档。另外，这里有一些教程可能会有所帮助：Calling ASP.NET WebMethod using jQuery-AJAX 和 Calling an ASP.NET C# Method (Web Method) Using JavaScript。