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

1.首页是怎么写 ？

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

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

        while($row = mysqli_fetch_assoc($result))//将result结果集中查询结果取出一条
        {?>
        
       
           
                用户：
                电话：
                标题：
           
     
                          
         
           
                内容:
               


               

                   
                    |
                   




               

           
       

       
        ?>

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=""+""+"用户："+""+uname+""+"电话："+""+utel+""+"标题："+""+utitle+""+""+""+""+""+"内容："+""+ucontent+""+"";
                var ed=$('
 | 
');

                $("#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";
        }

    });


});

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