AJAX는 데이터베이스 데이...LOGIN

AJAX는 데이터베이스 데이터를 읽습니다.

데이터베이스 데이터를 읽는 Ajax 코드 예:

Ajax는 요청을 백그라운드로 보내고 매개변수를 전달할 수 있으므로 물론 필요에 따라 데이터베이스 쿼리 기능을 수행할 수 있습니다.

다음은 이 요구 사항을 달성하는 방법을 소개하는 코드 예제입니다. 물론 코드는 비교적 간단하며 참고용일 뿐입니다.

코드 예:

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<meta name="author" content="http://www.php.cn/" /> 
<title>php中文网</title> 
<style>
body{
  font-size:12px;
}
</style>
<script>
function loadXMLDoc(keywords) {
  var xmlhttp;
  if (window.XMLHttpRequest) {
    xmlhttp = new XMLHttpRequest();
  }
  else {
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange = function () {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
      document.getElementById("show").innerHTML = xmlhttp.responseText;
    }
  }
  xmlhttp.open("get", "demo/ajax/net/Query.aspx?keywords=" + escape(keywords), true);
  xmlhttp.send();
}
window.onload = function () {
  var otxt = document.getElementById("txt");
  var obt = document.getElementById("bt");
  obt.onclick = function () {
    loadXMLDoc(otxt.value);
  }
}
</script>
</head>
<body>
<input type="text" id="txt"/>
<input type="button" id="bt" value="查看效果"/>
(例如输入:css教程或者div教程)
<div>结果:<span id="show"></span></div>
</body>
</html>

텍스트 상자에 쿼리하려는 강좌 이름을 입력한 다음 버튼을 클릭하면 쿼리 효과를 얻을 수 있습니다. asp.net 배경 코드는 다음과 같습니다.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data.OleDb;
using System.Configuration;
 
namespace ajax
{
    public partial class Query : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
          string keywords = Server.UrlDecode(Request.QueryString["keywords"]);
          if (String.IsNullOrEmpty(keywords.Trim()))
          {
              Response.Write("输入查询关键词");
              Response.End();
          }
          string connString=ConfigurationManager.ConnectionStrings["access_con"].ConnectionString;
          string configPath=ConfigurationManager.ConnectionStrings["access_path"].ConnectionString;
          string conPath = HttpContext.Current.Server.MapPath(configPath);
          OleDbConnection conn = new OleDbConnection(connString + conPath);
             
          string sql = "select * from data where type='" + keywords + "' order by id desc";
          OleDbCommand cmd = new OleDbCommand(sql,conn);
          try
          {
              conn.Open();
 
              OleDbDataReader MyReader = cmd.ExecuteReader();
 
              if (MyReader.Read())
              {
                  Response.Write("存在指定教程");
              }
              else
              {
                  Response.Write("不存在指定教程");
              }
          }
          catch (Exception ex)
          {
              throw (ex);
          }
          finally
          {
              conn.Close();
          }
      }
    }
}


다음 섹션
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="author" content="http://www.php.cn/" /> <title>php中文网</title> <style> body{ font-size:12px; } </style> <script> function loadXMLDoc(keywords) { var xmlhttp; if (window.XMLHttpRequest) { xmlhttp = new XMLHttpRequest(); } else { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange = function () { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { document.getElementById("show").innerHTML = xmlhttp.responseText; } } xmlhttp.open("get", "demo/ajax/net/Query.aspx?keywords=" + escape(keywords), true); xmlhttp.send(); } window.onload = function () { var otxt = document.getElementById("txt"); var obt = document.getElementById("bt"); obt.onclick = function () { loadXMLDoc(otxt.value); } } </script> </head> <body> <input type="text" id="txt"/> <input type="button" id="bt" value="查看效果"/> (例如输入:css教程或者div教程) <div>结果:<span id="show"></span></div> </body> </html>
코스웨어