创新互联AJAX教程:AJAX数据库

ajax 数据库

　数据库：数据库可视为电子化的文件柜-存储电子文件的处所，用户可以对文件中的数据进行新增，截取，更新，删除等操作。

成都创新互联主营平湖网站建设的网络公司,主营网站建设方案,手机APP定制开发,平湖h5小程序定制开发搭建,平湖网站营销推广欢迎平湖等地区企业咨询

　常见的型关系数据库有MySQL，SQLSERVER，Oracle，Sybase，DB2等。

您可以在CDCXHL.COM首页查找使用数据库的相关教程。

　AJAX 可用来与数据库进行动态通信。

　通过本节内容，你将了解 AJAX 动态加载数据库的相关知识。

AJAX 数据库实例

　下面的例子将演示网页如何通过 AJAX 从数据库读取信息：请在下面的下拉列表中选择一个客户：

Example

Select a customer:Alfreds FutterkisteNorth/SouthWolski Zajazd

Customer info will be listed here...

尝试一下 »

实例解释 - showCustomer() 函数

　当用户在上面的下拉列表中选择某个客户时，会执行名为 "showCustomer()" 的函数。该函数由 "onchange" 事件触发：

function showCustomer(str)
{
var xmlhttp;
if (str=="")
  {
  document.getElementById("txtHint").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","getcustomer.html?q="+str,true);
xmlhttp.send();
}

　showCustomer() 函数执行以下任务：

检查是否已选择某个客户
创建 XMLHttpRequest 对象
当服务器响应就绪时执行所创建的函数
把请求发送到服务器上的文件
请注意我们向 URL 添加了一个参数 q （带有输入域中的内容）

AJAX 服务器页面

　由上面的 JavaScript 调用的服务器页面是 PHP 文件，名为 "getcustomer.php"。

　用 PHP 编写服务器文件也很容易，或者用其他服务器语言。请看用 PHP 编写的相应的例子。

　"getcustomer.php" 中的源代码负责对数据库进行查询，然后用 HTML 表格返回结果：

<%        
response.expires=-1        
sql="SELECT * FROM CUSTOMERS WHERE CUSTOMERID="        
sql=sql & "'" & request.querystring("q") & "'"        
        
set conn=Server.CreateObject("ADODB.Connection")        
conn.Provider="Microsoft.Jet.OLEDB.4.0"        
conn.Open(Server.Mappath("/db/northwind.mdb"))        
set rs=Server.CreateObject("ADODB.recordset")        
rs.Open sql,conn        
        
response.write("")        
do until rs.EOF        
    for each x in rs.Fields        
          response.write("")        
          response.write("")        
    next        
    rs.MoveNext        
loop        
response.write("" & x.name & " " & x.value & "")        
%>

实例解释 - AJAX从数据库访问信息

　为了清楚地说明使用AJAX从数据库访问信息很容易，我们将动态构建MySQL查询并在“ajax.html”上显示结果。在开始前，让我们先做好基础工作，使用以下命令创建表。

　注：我们假设您有足够的权限执行以下MySQL操作。

CREATE TABLE 'ajax_example' (
   'name' varchar(50) NOT NULL,
   'age' int(11) NOT NULL,
   'sex' varchar(1) NOT NULL,
   'wpm' int(11) NOT NULL,
   PRIMARY KEY  ('name')
)

　现在使用以下SQL语句将以下数据转储到此表中：

INSERT INTO 'ajax_example' VALUES ('Jerry', 120, 'm', 20);
INSERT INTO 'ajax_example' VALUES ('Regis', 75, 'm', 44);
INSERT INTO 'ajax_example' VALUES ('Frank', 45, 'm', 87);
INSERT INTO 'ajax_example' VALUES ('Jill', 22, 'f', 72);
INSERT INTO 'ajax_example' VALUES ('Tracy', 27, 'f', 0);
INSERT INTO 'ajax_example' VALUES ('Julie', 35, 'f', 90);

客户端HTML文件

　现在让我们拥有客户端HTML文件，即ajax.html，它将具有以下代码：


   
      

      
         Max Age:  

         Max WPM:  

         Sex: 
         
         
         
         
      
      
      Your result will display here

　注：在Query中传递变量的方式是根据HTTP标准并具有formA。

URL?variable1 = value1;&variable2 = value2;

　上面的代码将为您提供如下界面：

服务器端PHP文件

您的客户端脚本已准备就绪。现在，我们必须编写我们的服务器端脚本，它将从数据库中获取age，wpm和sex，并将其发送回客户端。

　将以下代码放入文件“ajax-example.php”。

";
$display_string .= "";
$display_string .= "Name";
$display_string .= "Age";
$display_string .= "Sex";
$display_string .= "WPM";
$display_string .= "";

// Insert a new row in the table for each person returned
while($row = mysql_fetch_array($qry_result)) {
   $display_string .= "";
   $display_string .= "$row[name]";
   $display_string .= "$row[age]";
   $display_string .= "$row[sex]";
   $display_string .= "$row[wpm]";
   $display_string .= "";
}

echo "Query: " . $query . "
";
$display_string .= "";

echo $display_string;
?>

　现在尝试在Max Age或任何其他框中输入有效值（例如120），然后单击Query MySQL按钮。

数据库相关教程

SQL教程

Redis教程

MongoDB教程

本文标题：创新互联AJAX教程:AJAX数据库
URL网址：http://www.mswzjz.cn/qtweb/news43/128993.html

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能，是专注品牌与效果的网络营销公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：贝锐智能

贝锐智能技术为您推荐以下文章