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

阅读更多
文章标签: php html ajax 数据
个人分类: 前后端交互
上一篇php查询数据库的数据已存在
下一篇windows 下storm的第一个程序
想对作者说点什么? 我来说一句

html+php+mysql留言板功能的实现

2017年06月08日 333KB 下载

没有更多推荐了,返回首页

关闭
关闭