如何从Web服务中的数据表获取值到HTML Ajax调用

Question

我的网络服务中有一个数据表，它像这样

 [WebMethod]
        [ScriptMethod]
        public DataTable mydbCon()
            {
SqlConnection SqlCon = new SqlConnection(@"Data Source=myds;Initial Catalog=name;Persist Security Info=True;User ID=sa;Password=pwd");
                SqlCon.Open();
                SqlCommand SqlComm = new SqlCommand();
                SqlComm.Connection = SqlCon;
                SqlComm.CommandType = CommandType.Text;
                SqlComm.CommandText = "select password from tbl_login where username='aby';";
                DataTable EmployeeDt = new DataTable("tbl_login");
                SqlDataAdapter SqlDa = new SqlDataAdapter(SqlComm);
                SqlDa.Fill(EmployeeDt);
                return EmployeeDt;
            }

而且我的HTML页面中有一个Ajax调用，它是这样的，但我没有得到一个显示错误消息的值

<script type="text/javascript">
       function GetAge() {
           jQuery.support.cors = true;
           $.ajax({
               type: "POST",
               contentType: "application/json; charset=utf-8",
               dataType: "json",
               jsonp: 'jsonp_callback',
               async: false,
               url: "http://localhost:50113/Service1.asmx/mydbCon",
               data: "{}",
               success: function (msg) {
                    $('#divToBeWorkedOn').html(msg.d);
                },
               error: function (e) {
                   $('#divToBeWorkedOn').html("unavailable");
               }
           });
       }
      </script> 

Answer 1

从jQuery文档中提取：“ json”：将响应评估为JSON并返回一个JavaScript对象。 在jQuery 1.4中，以严格的方式解析JSON数据。 任何格式错误的JSON都会被拒绝，并引发解析错误。 （有关正确的JSON格式的更多信息，请参见json.org。）

因此，如果您的Web服务未以正确的JSON格式响应，则将执行错误情况。

所以这里有两个解决方案：

1. 如sQve所建议，只需尝试将[ScriptMethod（ResponseFormat = ResponseFormat.Json）]添加到JSON格式的响应中。

2. 更改您的JavaScript代码以接受直接数据，并仅从网络服务返回“ msg.d”数据：

    <script type="text/javascript"> function GetAge() { jQuery.support.cors = true; $.ajax({ type: "POST", async: false, url: "http://localhost:50113/Service1.asmx/mydbCon", success: function (msg) { $('#divToBeWorkedOn').html(msg); }, error: function (e) { $('#divToBeWorkedOn').html("unavailable"); } }); } </script> 

如果仅使用一个属性，为什么还要发布包含许多数据的完整JSON对象（序列化和反序列化）？ 简单点:)

Answer 2

最后我找到了答案，需要在$（'＃divToBeWorkedOn'）。html（msg.text）行的'msg'之后添加'.text'；

<script type="text/javascript">
     function GetAge() {
         jQuery.support.cors = true;
         $.ajax({
             type: "POST",
             async: false,
             url: 'http://localhost:50113/Service1.asmx/mydbCon?wsdl',
             success: function (msg) {
                   $('#divToBeWorkedOn').html(msg.text); 

             },
             error: function (e) {
                 $('#divToBeWorkedOn').html("unavailable");
             }
         });
     } 
  </script>   

感谢palmpalm，Yuriy和其他所有人的支持