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