如何在asp.net中使用ajax显示记录

Question

我正在使用显示功能来显示数据库中的记录，但它不起作用。它给了我 undefined 的错误。我不知道是什么问题。

   <script type="text/javascript">
   function display(){
   var xmlhttp = new XMLHttpRequest();
    xmlhttp.open("GET", "insert.aspx?opr=display", false);
   xmlhttp.send(null);
                       
   document.getElementById("ddd1").innerHTML = xmlhttp.responeText;

  }

在其他页面上

          if(opr=="display")
            {

            con.Open();
            SqlCommand cmdd = con.CreateCommand();
            cmdd.CommandType = CommandType.Text;
            cmdd.CommandText = "select * FROM [ajaxtest].[dbo].[table2]";
            cmdd.ExecuteNonQuery();
            DataTable dt = new DataTable();
            SqlDataAdapter da = new SqlDataAdapter(cmdd);
            da.Fill(dt);
            Response.Write("<table border='1'>");
            Response.Write("<tr>")
            Response.Write("<td>");Response.Write("name");Response.Write("</td>");
            Response.Write("<td>"); Response.Write("city"); Response.Write("</td>");
          
            Response.Write("</tr>");


            foreach(DataRow dr in dt.Rows)
            {
                Response.Write("<tr>");
              
                Response.Write("<td>"); Response.Write(dr["name"].ToString()); Response.Write("</td>");
                Response.Write("<td>"); Response.Write(dr["city"].ToString()); Response.Write("</td>");
                Response.Write("</tr>");

            }


            Response.Write("</table>");
            con.Close();
        }

它给了我“未定义”的错误

Answer 1

您能否尝试添加 onreadystatechange 回调以确保请求在更新 html 之前完成，如下所示并检查它是否有效：

function display(){
   var xmlhttp = new XMLHttpRequest();
   xmlhttp.onreadystatechange = function() {
   if (this.readyState == 4 && this.status == 200) {
       document.getElementById("ddd1").innerHTML = xmlhttp.responeText;
    }
   };
   xmlhttp.open("GET", "insert.aspx?opr=display", false);
   xmlhttp.send(null);
  }