html+php+ajax+mysql留言板 问题总结

1.首页是怎么写 ？

如果首页一开始就需要显示后台的数据，那么引用php，访问信息。

<?php include'conmysql.php';?>

        

        <?PHP

        $result = $conn->query("select * from mymessage");//执行查询

        while($row = mysqli_fetch_assoc($result))//将result结果集中查询结果取出一条

        {?>

        

        <tr bgcolor="white" >

            <td>

                用户：<span class="cc"><?=$row['name']?></span>

                电话：<span class="cc"><?=$row['tel'] ?></span>

                标题：<span class="cc"><?=$row['title'] ?></span>

            </td>

      </tr>

                          

        <tr bgcolor="white" > 

            <td>

                内容: <span class="cc"><?=$row['content']?></span>

                <br>

               <div align="right">

                    <a class="edit" href="javascript:;"><input type="button" class="edel" value="编辑"></a>

                    | <a class="del" href="javascript:;" ><input type="button" class="edel" value="删除"></a>

                    <input type="hidden" value="<?=$row['tel']?>">
<input type="hidden" value="<?=$row['name']?>">
<input type="hidden" value="<?=$row['title']?>">
<input type="hidden" value="<?=$row['content']?>">

                </div>

            </td>

        </tr>

        <?php }   

        ?>

2.ajax提交原理

开始怎么也无法理解为什么提交的时候要用ajax，增加一个步骤。ajax最大的特点就是异步，可以在服务器没有做出响应之前，提交给html反馈，比如说，需要验证数据是否合法，那么ajax设置验证机制，直接在前端提交的时候就会响应出相应的信息，之后数据再提交给后台，数据如果通过后台的验证，数据库就会进行相应的操作。开始也不太明白，php如何将信息传给ajax，原来就是echo的信息，都会作为数据返回给ajax。

$.get(
"tl.php",
{tel:utel},

function (data) {

/*alert(data);*/

if(data==2)
{
alert("电话号码已存在");
return;
}
/*else
{
var str="<tr>"+"<td>"+"用户："+"<span class='cc'>"+uname+"</span>"+"电话："+"<span class='cc'>"+utel+"</span>"+"标题："+"<span class='cc'>"+utitle+"</span>"+"</td>"+"</tr>"+"<tr>"+"<td>"+"内容："+"<span class='cc'>"+ucontent+"</span>"+"</td>";
var ed=$('<div align="right"><a class="edit" href="javascript:;"><input type="button" class="edel" value="编辑"></a> | <a class="del" href="javascript:;"><input type="button" class="edel" value="删除"></a></div>');

$("#tb").append(str);
$("#tb").append(ed);

}*/
}
);
$.ajax({
type:"GET",
url:"conn.php",
data:{name:uname,tel:utel,title:utitle,content:ucontent},
success:function (data) {
if(data!=0)
{
alert(data);
return;
}
location.href="index.php";
}

});

});

<?php include'conmysql.php';?>

<?php

$utel=$_GET['tel'];

$result = $conn->query("SELECT tel from mymessage WHERE tel='$utel'");

$row = mysqli_fetch_array($result);

$r=count($row);

echo $r;

mysqli_close($conn);  

?>

3.删除的时候，弹出一个确认框，如果确认则再执行。

$(".del").click(function () {
var check_del=confirm("确定要删除当前信息么？");
if(check_del==true)
{
var id= $(this).next(":input").val();
/*alert (id);*/
/*window.location.href="http://localhost:8080/del.php?id"+id;*/
$.get("del.php",{id:id},//注意这里是id而不是data
function (data) {
/*alert(data);*/
location.href="index.php";
});
}
else
{
alert("未删除");
return false;
}
});

通过confirm就可以直接调用确认框。