发表日期: 2022-06-06 10:27:24 浏览次数:153
书生商友信息科技专注于提供一站式建站服务,企业建站、电脑站、手机站、微信站、域名邮箱、400电话、淘宝装修、网站推广,【网站定制】网站建设推广,网络SEO优化。
北京网站设计流程:先为网站设立一个目标,即为什么要建设网站?接着整理网站内容,包括文章、图片、视频等;然后设立网站结构,此外还需考虑网站所需功能,如;留言功能、支付功能等。在进行以上流程后,开始制定北京网站建设方案。
服务热线:400-111-6878 手机微信同号:18118153152(各城市商务人员可上门服务)。
湖南省娄底网站建设_网站制作_公司开发设计_一站式全包_10多年经验满意为止
JAX 可用来与数据库进行交互式通信。
AJAX 数据库实例
下面的实例将演示网页如何通过 AJAX 从数据库读取信息:
本教程使用到的 Websites 表 SQL 文件:websites.sql。
实例
选择一个网站:
选择对应选项,用户信息会显示在这……
实例解释 - MySQL 数据库
在上面的实例中,我们使用的数据库表如下所示:
mysql> select * from websites;
+----+--------------+---------------------------+-------+---------+
| id | name | url | alexa | country |
+----+--------------+---------------------------+-------+---------+
| 1 | Google | https://www.google.cm/ | 1 | USA |
| 2 | 淘宝 | https://www.taobao.com/ | 13 | CN |
| 3 | 菜鸟教程 | http://www.runoob.com/ | 4689 | CN |
| 4 | 微博 | http://weibo.com/ | 20 | CN |
| 5 | Facebook | https://www.facebook.com/ | 3 | USA |
+----+--------------+---------------------------+-------+---------+
5 rows in set (0.01 sec)
实例解释 - HTML 页面
当用户在上面的下拉列表中选择某位用户时,会执行名为 "showSite()" 的函数。该函数由 "onchange" 事件触发:
test.html 文件代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function showSite(str)
{
if (str=="")
{
document.getElementById("txtHint").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
xmlhttp=new XMLHttpRequest();
}
else
{
// 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","getsite_mysql.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>
<form>
<select name="users" onchange="showSite(this.value)">
<option value="">选择一个网站:</option>
<option value="1">Google</option>
<option value="2">淘宝</option>
<option value="3">菜鸟教程</option>
<option value="4">微博</option>
<option value="5">Facebook</option>
</select>
</form>
<br>
<div id="txtHint"><b>网站信息显示在这里……</b></div>
</body>
</html>
showSite() 函数会执行以下步骤:
检查是否有网站被选择
创建 XMLHttpRequest 对象
创建在服务器响应就绪时执行的函数
向服务器上的文件发送请求
请注意添加到 URL 末端的参数(q)(包含下拉列表的内容)
PHP 文件
上面这段通过 JavaScript 调用的服务器页面是名为 "getsite_mysql.php" 的 PHP 文件。
"getsite_mysql.php" 中的源代码会运行一次针对 MySQL 数据库的查询,然后在 HTML 表格中返回结果:
getsite_mysql.php 文件代码:
<?php
$q = isset($_GET["q"]) ? intval($_GET["q"]) : '';
if(empty($q)) {
echo '请选择一个网站';
exit;
}
$con = mysqli_connect('localhost','root','123456');
if (!$con)
{
die('Could not connect: ' . mysqli_error($con));
}
// 选择数据库
mysqli_select_db($con,"test");
// 设置编码,防止中文乱码
mysqli_set_charset($con, "utf8");
$sql="SELECT * FROM Websites WHERE id = '".$q."'";
$result = mysqli_query($con,$sql);
echo "<table border='1'>
<tr>
<th>ID</th>
<th>网站名</th>
<th>网站 URL</th>
<th>Alexa 排名</th>
<th>国家</th>
</tr>";
while($row = mysqli_fetch_array($result))
{
echo "<tr>";
echo "<td>" . $row['id'] . "</td>";
echo "<td>" . $row['name'] . "</td>";
echo "<td>" . $row['url'] . "</td>";
echo "<td>" . $row['alexa'] . "</td>";
echo "<td>" . $row['country'] . "</td>";
echo "</tr>";
}
echo "</table>";
mysqli_close($con);
?>
解释:当查询从 JavaScript 发送到 PHP 文件时,将发生:
PHP 打开一个到 MySQL 数据库的连接
找到选中的用户
创建 HTML 表格,填充数据,并发送回 "txtHint" 占位符
湖南省娄底网站建设_网站制作_公司开发设计_一站式全包_10多年经验满意为止
客户对我们的评价:作为网络负责人,与贵公司合作已经有8年了。贵公司服务还是非常不错的,有问题会及时解决。域名、网站、邮箱、推广服务都是他们负责的,也比较省心。网站建设
北京网站制作功能:网站对提升企业形象,提高企业工作效率,进行网络化管理等有显著作用。此外,北京网站开发还拥有电子商务功能、客户管理功能、采购管理功能等商务化功能。
各行业案例推荐!客户由老客户介绍或自主联系我们!
服务热线:400-111-6878 手机微信同号:18118153152(各城市商务人员可上门服务)。
备案号: 苏ICP备11067224号-5
CopyRight © 2021 通陆科技 All Right Reserved 未经许可不得复制转载
友情链接:苏州贷款 武汉殡葬服务
24小时服务热线:400-111-6878 E-MAIL:1120768800@qq.com QQ:1120768800
网址: https://www.768800.net 网站建设:上往建站
关键词: 网站建设| 域名邮箱| 服务器空间| 网站推广| 上往建站| 网站制作| 网站设计| 域名注册| 网络营销| 网站维护|
企业邮箱| 虚拟主机| 网络建站| 网站服务| 网页设计| 网店美工设计| 网站定制| 企业建站| 网站设计制作| 网页制作公司|
欢迎您免费咨询,请填写以下信息,我们收到后会尽快与您联系
全国服务热线:400-111-6878