单击函数调用javascript然后重定向到php页面

时间:2014-09-22 14:23:22

标签: javascript php html mysql

我想为我的帖子制作编辑功能。到目前为止,您可以从管理页面发布和查看您的帖子,该页面由mySQL操作但不久前我想创建一个编辑按钮。 理论上,当你点击编辑按钮时,javascript获取post元素的id,然后在运行mysql查询后id = PostID,然后它会重定向到一个页面,你可以编辑帖子。 html输入值将是从mysql读出的数据,但是javascript并不想启动。

帖子的php / html看起来像这样:

    while($row = mysqli_fetch_array($run)) {
echo '<article id="post" data-postid="'.$row["id"].'">
    <ul>
        <li class="id">'.$row["id"].'</li>
        <li class="title">'.$row["title"].'</li>
        <li class="postedBy">'.$row["postedBy"].'</li>
        <li class="postedBy">'.$row["dDate"].'</li>
        <li class="prio">'.$row["priority"].'</li>
        <li class="icons"><div class="do" data-action="edit"><i class="fa fa-pencil-square-o"></i></div><div class="do" data-action="delete"><i class="fa fa-times"></i></div></li>
    </ul>
</article>';

Javascript看起来像这样(它叫做admin_edit.js):

    $('#post').on('click', '.do', function(){
        var self = $(this); // cache $this
        var action = self.data('action'); // grab action data edit/delete
        var postid = parent.data('postid'); // grab post id from data-postid

        // edit action
        if (action == 'edit') {
            // send js to php
            $.post("../admin/post_edit.php", { postId: postid } );
        }
        // delete action
        else if (action == 'delete'){
            // send ajax request
            // Something.
        };

    });

要了解我的文件夹结构: 我们位于root / admin文件夹和root / admin / admin.php页面中。 javascript位于root / js文件夹中,名为root / js / admin_edit.js。

为什么js不想开火?

提前致谢!

1 个答案:

答案 0 :(得分:1)

定义#post事件时,click不存在。您需要在事件已存在时定义事件。您可以为#main注册活动,但您也可以在请求的回调中注册活动。如果可能的话,最好在回调中注册它。