从零开始的网站架设生活[3]完结篇

上期我们已经能通过js脚本来控制一些简单的图片切换事件。接下来就是和服务器的交互了。这里选择的php脚本。

任务1：

点击页面上的按钮，利用ajax发送get请求到php文件，并接受返回值。

js脚本如下：

/* 创建 XMLHttpRequest 对象 */
var xmlHttp;

function GetXmlHttpObject(){
　　if (window.XMLHttpRequest){
　　　　// code for IE7+, Firefox, Chrome, Opera, Safari
　　　　xmlhttp=new XMLHttpRequest();
　　}else{// code for IE6, IE5
　　　　xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
　　}
　　return xmlhttp;
}

function sendMessage(){
　　xmlHttp=GetXmlHttpObject();
　　if (xmlHttp==null){
　　　　alert('您的浏览器不支持AJAX！');
　　　　return;
　　}
xmlHttp.onreadystatechange = getOkGet;
　　var url="servers/test.php?message=15";
　　xmlHttp.open("GET",url,true);
　　xmlHttp.send();
}

function getOkGet(){
　　if(xmlHttp.readyState==1||xmlHttp.readyState==2||xmlHttp.readyState==3){
　　}
　　if (xmlHttp.readyState==4 && xmlHttp.status==200){
　　　　var d= xmlHttp.responseText;
　 alert(d);
　　}
}

我把它保存在test.js 文件中了，在html中引用这个js文件，在调用的时候调用sendMessage即可。

注：get请求的参数是url?param1=value1¶m2=value2的格式。如果需要参数则传递进来，这里我们就默认
为 message=15 作为参数了。

我们可以看到我们发送请求对应的文件是 servers/test.php

因为我在和index.html同目录下建了这个servers文件夹并在下边建了test.php这个文件，内容也非常的简单：

<?php

$leavingMessage=$_GET["message"];

echo $leavingMessage;

?>

接收到这个get发过来的 15 然后在原封不动的返回去= =

在上述的js的监听回调中

　if (xmlHttp.readyState==4 && xmlHttp.status==200){
　　　 var d= xmlHttp.responseText;
　 　　alert(d);
　}

如果成功接收到了php的响应信息，则会在alert中打印出来。实测是可以执行的。这样一次简单的服务交互就完成了。

任务2：利用php访问mysql服务器。

这里有一组示例代码：

<?php

$conn = @mysql_connect("localhost", "root", "") or die("can't connect to mydb!");
echo "you are already connet to the database";

@mysql_select_db("300shop") or die("don't have this db");

$query = "select * from LeavingMessage";

$result = mysql_query($query);

echo mysql_numrows($result);
echo "\n\n\n";

for($count = 0; $count < mysql_numrows($result); $count++)
{
$c_ip = mysql_result($result, 0, "ip");
$c_info = mysql_result($result, 0, "info");

echo $c_ip, $c_info;
}

$query = "insert into LeavingMessage values('110.33.223.123','哈哈哈','2017-07-17 17:00:00')";
mysql_query($query);

mysql_close();

这是一次简单的数据库的交互过程。包括连接、数据库选择、查询语句执行、简单的结果集解析等等。因为这个
示例比较简单所以就不多赘述了。

这里是打算实现一个留言板的功能，LeavingMessage表的每一行数据都含有
ip 留言信息和时间三个字段。

好的关于整个网站的一个极其极其极其小的缩影就介绍完了。希望能对小小小小白能有一些的帮助。

最后祝你：身体健康~ 再见。

?>