使用javascript将php变量发布到页面

时间:2012-05-25 00:43:35

标签: php javascript jquery ajax

我正在尝试设置一个确认框,在php页面上使用javascript / jquery删除邮件。变量在javascript函数中正确设置,但现在我无法使函数正确地发布到页面。

头部中包含以下内容

<script src="http://code.jquery.com/jquery-latest.js"></script>

现在代码。

//displays a list of messages w/ button to delete 
if(mysql_real_escape_string($_GET['msg'] == "msgDetail")){
            $msg->messageDetail($msgID);
            $action = "delete";
            $msgID = mysql_real_escape_string($_GET['msgID']);

            //display a delete button that sends variables to javascript function
            echo '<td>'.'<input type="button" value="Delete Message" name = "deleteMessage" onclick="deleteMessage(\'' . $msgID .'\', \'' .$action. '\',\'' .$userid. '\')" />'.'</td>';
        }
        ?>

        //javascript function for confirmation to delete message
        <script type="text/javascript">
        function deleteMessage(msgID, action, userid){
            //document.write(msgID + action + userid) values are correctly showing up here when uncommented
                if (!confirm("Are you sure?"))
                    return false;
                $.post('messages.php',"msgID=" + msgID + "&action=" + action + "&user=" + userid, function(response) {
                    //window.location.reload()
                });
        }
        </script>
    <?

      //check to see if the values have been posted
    if($_POST['action']) == "delete"){
        echo "success!";
             ....more code
    }

正如您所看到的,我正在尝试将变量发布到messages.php,但是当我检查是否发布了一个变量时,没有任何反应。

1 个答案:

答案 0 :(得分:1)

只看javascript,deleteMessage()可以编写如下,以避免杂乱的字符串处理,并在调试时给你更好的反馈:

function deleteMessage(msgID, userid) {
    if (!confirm("Are you sure?")) { return false; }
    var data = {
        'action': 'delete',
        'msgID': msgID,
        'user': userid
    };
    $.ajax({
        url:'messages.php',
        data: data,
        type: 'POST',
        success: function(response) {
            alert(response);//debug message
            //window.location.reload()
        },
        error: function((jqXHR, textStatus, errorThrown) {
            alert((typeof errorThrown == 'string') ? errorThrown : textStatus);//debug message
        }
    });
}

您可以选择在调试完所有内容后切换回$.post()

您会看到'action': 'delete'是硬编码的。这是一个小问题,但没有必要将'删除'传递给deleteMessage,因为这样命名的函数不会做任何其他事情。需要在构建<td><input...onclick="..."/></td> HTML的位置进行相应的更改。