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就可以直接调用确认框。