jquery - 使用webservice获取数据时无法获取json结果

Question

我需要使用网络服务显示客户表中的 ID，但我无法使用 belove 代码获取它。

在浏览器控制台中获取响应。

这是我的 ajax 调用来获取或显示整个结果，但它无法获取客户 ID

     $(document).ready(function () {
                var values;
                $.ajax({
                    url: 'http://localhost:53562/WebService.asmx/HelloWorld',                
                    type: 'POST',               
                    success: function (data) {
                        alert("ajax call");
                        //$.map(data, function (product) {
                        //    alert(product.Id);
                        //    $('<tr> <td>' + product.Name + '</td> <td>' + product.ProductNumber + ' </td> <td>' + product.SafetyStockLevel + ' </td> <td>' + product.ReorderPoint + ' </td></tr>').appendTo(".tblData");
                        //});
                        //for (var i in data) {
                        //    alert(data[i]);
                        //    // data[i].something, etc
                        //}
                        //var datas=data.par                   
                        $.each(data, function (index, item) {
                            alert(item);
                        });
                    }
                  
                });
            });

This is my webservice code to get customer id from database and convert result to json and return this result to json call.

<div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>    [WebMethod]
        [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
        public string HelloWorld()
        {
            // getting connection string
            string conStr = System.Web.Configuration.WebConfigurationManager.ConnectionStrings["DbConection"].ConnectionString;

            using (SqlConnection conn = new SqlConnection(conStr))
            {
                DataTable dt = new DataTable();
                SqlCommand cmd = new SqlCommand("select Id from customer", conn);
                conn.Open();
                SqlDataAdapter da = new SqlDataAdapter(cmd);
                da.Fill(dt);
                System.Web.Script.Serialization.JavaScriptSerializer serilizer = new System.Web.Script.Serialization.JavaScriptSerializer();
                List<Dictionary<string, object>> rows = new List<Dictionary<string, object>>();
                Dictionary<string, object> row;
                foreach(DataRow dr in dt.Rows)
                {
                    row = new Dictionary<string, object>();
                    foreach(DataColumn col in dt.Columns)
                    {
                        row.Add(col.ColumnName,dr[col]);                
                    }
                    rows.Add(row);                
                }
                return serilizer.Serialize(rows);   
            }      </code></pre>
</div>
</div>

Answer 1

来自 MSDN 文档:

Serialize(Object) : Converts an object to a JSON string.

这似乎是一个 json 字符串，而不是有效的 json，因此在这种情况下，您必须在循环响应中的每个对象之前解析它:

var resp = JSON.parse(data); // converts a json string to a valid json object
$.each(resp, function (index, item) { // use var resp in here 
    alert(item.id);
});