如何在使用模态时使用AJAX在js和php之间进行通信?

时间:2013-11-18 02:50:27

标签: javascript php jquery ajax post

我在学习如何成功使用ajax方面遇到了很多麻烦。在我正在研究的项目中,我在图表上的各种人之间进行选择。当我选择这个人时,我点击他们的按钮并更新数据库。但是,我需要能够填充模式以便向该人发送消息。我一直在尝试使用ajax来执行此操作,因为我只需要选择一个$ userid变量。

我的代码如下所示,如果有一种更简单的方法可以在不使用ajax的情况下执行此操作!

PHP

<?php if (isset($_POST['usrid'])) {
    $whatineed = $_POST['usrid'];
?>
div modal stuff
<?php>

JS

$(".selectLink").click(function(e){
        e.preventDefault();
        var _self = this;

        $.post(
             site_url("user/update"),  
            { 
                usrid: $(this).attr("usrid") 
            }, function(){
                $('#Contact').modal({show:true, backdrop: 'static', keyboard: false});
            }
        )   
        return false;
    });

非常感谢任何帮助!

1 个答案:

答案 0 :(得分:1)

我没有机会查看代码,但我会尝试给你一个完整的图片:

<强> update.php:

<?php 
if (isset($_POST['usrid'])) {
    $whatineed = "The updater have an user ID " . $_POST['usrid']; 
    } else {
    $whatineed = "The updater have nothing to do, because an user ID have not been received.";
    }
    echo($whatineed);// this is the message TO modal
?>

<强> persons.html

<a userid="abc1" class="selectLink" href="#">click me to start update</a>
<div id="Contact" title="I have a message from the update scrtipt">
    <p></p>
</div>

<强> persons.js

$(".selectLink").click(function (e) {
    var userid = $(e.target).attr("userid");
    var _self = this;
    $.post(site_url("user/update.php"), {
        usrid: usrid
    }, function (data) { //message FROM update.php
        var dlg = $('#Contact'), 
            txt = $('#Contact p');// or txt = dlg.find("p");
        txt.html(data);
        dlg.dialog({
            resizable: false,
            height: 150,
            modal: true,
            buttons: {
                "OK": function () {
                    $(this).dialog("close");
                }
            }
        });
    })
    return false;
});

再一次 - 这只是一个问题。必须在整个代码中调整和调试这些部分。