在对 WebMethod 的 jQuery AJAX 调用中获取空响应，但 Web 方法返回 JSON

Question

我收到一个 jQuery AJAX 调用的空/未定义响应。我正在尝试将数据绑定到 asp.net webforms 中的 Jquery 数据表。当我尝试解析数据时，它在 JSON 中的位置 1 Error 处给了我一个 Unexpected token o。我怀疑问题可能出在 JSON 数据上，但我已经在 J​​SONlint.com 验证了 json 输出。 一定是我犯了一些愚蠢的错误，但我无法弄清楚，我已经浪费了数小时来排除故障。

jQuery Ajax 调用

<script type="text/javascript">
    $(function () {
        $('#ShowData').click(function () {
            $.ajax({
                type: "POST",
                contentType: "application/json; charset=utf-8",
                url: 'Default.aspx/fetchDetails',
                dataType: 'json',                    
                data: "{'JobID':'" + $('#txtJobID').val() + "'}",
                success: function (response) {
                    //var d = JSON.parse(data);
                    var data = response.d;
                    alert(typeof (data)); //gives out object
                    alert(response.d); //gives out null
                    $('#tblBasicInfo').dataTable({
                        paging: false,
                        data: data,
                        columns: [
                            { 'data': 'JobId' },
                            { 'data': 'UserId' },
                            { 'data': 'UserName' },
                            { 'data': 'Cas' },
                            { 'data': 'Question' },                                
                            { 'data': 'Language' },
                            { 'data': 'Appl' },
                        ]
                    });
                },
                error: function (xhr, ajaxoptions, thrownError) {
                    alert(xhr.responseText);
                    console.log(xhr.responseText);
                    console.log(xhr.responseJSON);
                }
            });
        });
    });
</script>

网络方法

 [System.Web.Services.WebMethod]
    [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
    public static void fetchDetails(string JobID)
    {
        var conn = System.Configuration.ConfigurationManager.ConnectionStrings["Connection"];
        SqlConnection con = new SqlConnection(conn.ToString());

        String query = "Select TOP 1 * FROM TAble where Jobid =@JobID";
        DataTable dtBasicInfo = new DataTable();
        SqlCommand a = new SqlCommand(query, con);
        a.Parameters.AddWithValue("@JobID", Int32.Parse(JobID));
        con.Open();
        SqlDataAdapter da = new SqlDataAdapter(a);
        da.Fill(dtBasicInfo);
        SqlDataReader value = a.ExecuteReader();
        con.Close();
        JavaScriptSerializer js = new JavaScriptSerializer();

        JavaScriptSerializer jsSerializer = new JavaScriptSerializer();
        List<Dictionary<string, object>> parentRow = new List<Dictionary<string, object>>();
        Dictionary<string, object> childRow;
        foreach (DataRow row in dtBasicInfo.Rows)
        {
            childRow = new Dictionary<string, object>();
            foreach (DataColumn col in dtBasicInfo.Columns)
            {
                childRow.Add(col.ColumnName, row[col]);
            }
            parentRow.Add(childRow);
        }
        var jsk = jsSerializer.Serialize(parentRow);
    }

JSON

[{"JobId":123456789,"UserId":"asdf3a     ","UserName":"Pekki, Barb                      ","Cas":263,"Question":"Q12345","Language":"ENG","Appl":300}]

Answer 1

只需确保在您的代码中实现了以下几点，然后它就可以正常工作。调用数据表 API 时使用大写 D，如 $('#tblBasicInfo').DataTable({

1. 您的问题是您从 WebMethod 中返回了 void。 您需要从 Web 方法 fetchDetails 返回一个 C# 对象。
2. 您不需要在 WebMethod，因为 ASP.Net 框架将为您完成这项工作；只是 从您的 C# 代码返回一个有效的对象，它会正常工作。
3. 另外，删除您刚才提到的数据类型标志 fetchDetails 方法，因为它不需要。我已经删除了所有 来自您的 fetchDetails 方法的序列化代码，因为它不需要。 只需从您的 Web 方法返回一个类的 C# 对象。

因此，在您的情况下，在您的方法 fetchDetails 中定义此类的实例。

职位类别

public class Job {

  public int JobId {get;set;}
  public string UserId {get;set;}
  public string UserName {get;set;}
  public int Cas {get;set;}
  public string Question {get;set;}
  public string Language {get;set;}
  public int  Appl {get;set;}

}

fetchDetails 方法返回作业类型

[System.Web.Services.WebMethod]
 public static Job fetchDetails(string JobID)
{
    var conn = System.Configuration.ConfigurationManager.ConnectionStrings["Connection"];
    SqlConnection con = new SqlConnection(conn.ToString());

    String query = "Select TOP 1 * FROM TAble where Jobid =@JobID";
    DataTable dtBasicInfo = new DataTable();
    SqlCommand a = new SqlCommand(query, con);
    a.Parameters.AddWithValue("@JobID", Int32.Parse(JobID));
    con.Open();
    SqlDataAdapter da = new SqlDataAdapter(a);
    da.Fill(dtBasicInfo);
    SqlDataReader value = a.ExecuteReader();
    con.Close();

    //WRITE CODE to populate a Job object
     Job job = new Job();
    //set properties of job object before returning it as in code below
   If (dtBasicInfo. Rows. Count > 0)
   { 
    job.JobId =  Int32.Parse(JobID);
    job.UserId = dtBasicInfo.Rows[0]["UserId"].toString();
    job.UserName = dtBasicInfo.Rows[0]["UserName"].toString();
   } 

   return job;
}