十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
AJAX 可用来与数据库进行交互式通信。
成都创新互联公司专业为企业提供吴江网站建设、吴江做网站、吴江网站设计、吴江网站制作等企业网站建设、网页设计与制作、吴江企业网站模板建站服务,10多年吴江做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
在下面的 AJAX 实例中,我们将演示网页如何使用 AJAX 技术从 MySQL 数据库中读取信息。
这个应用程序由四个元素组成:
MySQL 数据库一张简单的 HTML 表单JavaScriptPHP 页面将在本例中使用的数据库看起来类似这样:
id CustomerID CompanyName ContactName Address City PostalCode Country 1 Alibaba Alibaba Group Ma Yun ...... Hangzhou 310002 China 2 APPLE Apple Inc. Tim Cook ...... Cupertino 95014 USA 3 BAIDU BAIDU Inc. Li YanHong ...... Beijing 100080 China 4 Canon Canon USA Inc. Tsuneji Uchida ...... New York 11042 USA在上面的例子中,当用户在上面的下拉列表中选择客户时,会执行名为“showUser()”的函数。
该函数由 onchange 事件触发。
这是 HTML 代码:
实例运行实例
代码解释:首先,检查是否选择了客户。如果未选择任何客户(str ==“”),则清除 txtHint 的内容并退出该函数。如果选择了某个客户,则执行以下操作:
创建 XMLHttpRequest 对象创建服务器响应就绪时要执行的函数将请求发送到服务器上的文件请注意,参数(q)被添加到 URL(带有下拉列表的内容)上面的 JavaScript 调用的服务器上的页面是一个名为“getuser.php”的 PHP 文件。
“getuser.php”中的源代码对 MySQL 数据库运行查询,并在 HTML 表中返回结果:
";while($row = mysqli_fetch_array($result)) { echo "解释:当查询从 JavaScript 发送到 PHP 文件时,会发生以下情况:
PHP 打开与 MySQL 服务器的连接找到了正确的客户创建一个 HTML 表,填充数据,并发送回“txtHint”占位符