AJAX lit les données de la base de données

Exemple de code Ajax pour lire les données de la base de données :

Étant donné qu'Ajax peut envoyer des requêtes en arrière-plan et transmettre des paramètres, vous pouvez bien sûr effectuer des requêtes de base de données selon vos besoins Fonction.

Ce qui suit explique comment répondre à cette exigence à l'aide d'exemples de code. Bien entendu, le code est relativement simple et sert uniquement de référence.

Exemple de code :

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

Entrez le nom du cours à interroger dans la zone de texte, puis cliquez sur le bouton pour obtenir l'effet de requête. Le code d'arrière-plan asp.net est le suivant :

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

Formation continue

nouveau fichier

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

soumettre Réinitialiser le code

Opération automatique

AJAX lit les données de la base de données

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]