Question

如何使用jquery和c＃将数据库中的数据显示到html表中。 ..帮我这里我只使用了一个html页面，我需要和webmethod（cs）和jquery。当我点击该按钮时，它应该显示在html表中，我的数据库值存储，使用html页面中的jquery和cs（仅限客户端），这是我的应用代码

    wservice.cs
     ____________
      public class LeaveApplicationDisplay
             {
              public string Branch { get; set; }
              public string Id { get; set; }
              public string EmpName { get; set; }
               public string Reason { get; set; }            
           }

     public List<LeaveApplicationDisplay> GetLeaveApplicationDisplayInfo { get; set; }
         [WebMethod]
         public string GetLeaveApplicationDisplay(string id)
         {
             string strhtml = string.Empty;
            try
              {
                 strhtml = GetLeaveApplicationDisplay();
             }
             catch (Exception ex)
           {

            }
            return strhtml;
                }                
   public static string GetLeaveApplicationDisplay() {
   LeaveApplicationDisplay lad = new LeaveApplicationDisplay();
   DataTable table = new DataTable();
  using (SqlConnection con = new SqlConnection(@"server=.;uid=sa;password=password;database=SMS_WORK;")) {
 using (SqlDataAdapter sda = new SqlDataAdapter("SELECT U_Branch,U_empID,U_empName,U_Reason FROM SMS_LEAVE", con)) {
     con.Open();
        sda.Fill(table);
      }}
       DataSet ds = new DataSet();
         ds.Tables.Add(table);                  
      System.Text.StringBuilder HTML = new System.Text.StringBuilder();
       HTML.AppendLine("<table>");

       foreach(DataRow dr in ds.Tables[0].Rows){
        HTML.AppendLine("<tr>");
         HTML.AppendFormat("<td>{0}</td>\n", dr["U_Branch"]);
         HTML.AppendFormat("<td>{0}</td>\n", dr["U_empID"]);
         HTML.AppendFormat("<td>{0}</td>\n", dr["U_empName"]);
        HTML.AppendFormat("<td>{0}</td>\n", dr["U_Reason"]);
       HTML.AppendLine("</tr>");
         }
        HTML.AppendLine("</table>");
       return HTML.ToString();                               
     }

     leave.html
      __________

    <script type="text/javascript" language="javascript">
       $(document).ready(function () {
        LeaveApplicationDetails();
       });

     function LeaveApplicationDetails() {        
        $("#Button1").click(function () {          
      $.ajax({                     
      url: "wservice.asmx/GetLeaveApplicationDisplay",
     contentType: "application/json; charset=utf-8",
       data: "{}",
       dataType: "json",
     type: "POST",
       success: function (Result)
     { $("#displayLeaveInformation").html(Result.d); }
      });
      return false;
     });
      }
     </script>
      <body>
         ..
      <div id="displayLeaveInformation">
          ..
     </body>

Answer 1

$(document).ready(function () {

      $.ajax({

          url: "WebService2.asmx/GetLeaveApplicationDisplay",
          contentType: "application/json; charset=utf-8",
          data: "{ 'pMenuID': '" + getParameterByName('MenuID') + "'}",
          dataType: "json",
          type: "POST",
          success: function (result) {
              result = result.d;
              var ta = document.getElementById('dataTable');
              ta.innerHTML = result;

          }
      });
  });

<body>

  <div id="dataTable">

 </body>

Answer 2

首先，我认为你错误地使用了回调参数Result.d，在webmethod中你返回没有任何复杂字段的纯字符串，所以请在你的回调.html(Result)而不是.html(Result.d)中尝试调用。

如何使用jquery和c＃将数据库中的数据显示到html表中

2 个答案: