masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

AJAX membaca data pangkalan data

Contoh kod Ajax untuk membaca data pangkalan data:

Memandangkan ajax boleh menghantar permintaan ke latar belakang dan lulus parameter, sudah tentu anda boleh melakukan pertanyaan pangkalan data seperti yang diperlukan Fungsi.

Berikut akan memperkenalkan cara untuk mencapai keperluan ini melalui contoh kod Sudah tentu, kod ini agak mudah dan hanya untuk rujukan.

Contoh kod:

<!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>

Masukkan nama kursus untuk disoal dalam kotak teks, dan kemudian klik butang untuk mencapai kesan pertanyaan. Kod latar belakang asp.net adalah seperti berikut: 

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();
          }
      }
    }
}


Meneruskan pembelajaran
||
<!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>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492849 permainan