而Loop,jQuery和AJAX mysql查询

时间:2012-08-02 20:25:00

标签: php jquery ajax

我正在开发一个消息系统,用户可以向另一个用户提交一个响应。接收器然后在while循环中查看他的所有消息。我创建了一个删除按钮,删除删除按钮链接到的任何消息。我有两个问题。首先,删除按钮不起作用,其次,当它工作时(不再是),while循环将所有删除按钮链接到第一个消息,而不是单独地将每个消息链接到while循环。另外,我知道不推荐使用mysql。将很快过渡。

这是第一个代码:

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<script type="text/javascript" >
    function load(thefile, thediv) {    
        if (window.XMLHttpRequest) {    
            xmlhttp = new XMLHttpRequest();
        } else {
        xmlhttp = new ActiveXObject ('Microsoft.XMLHTTP');  
        }

        xmlhttp.onreadystatechange = function () {  
            if (xmlhttp.readyState==4 && xmlhttp.status==200) {

                document.getElementById(thediv).innerHTML = xmlhttp.responseText;   
            }
        }   

        xmlhttp.open('GET', thefile + key, true);
        xmlhttp.send();
    }
</script>

<?php

while($ergo_data = mysql_fetch_assoc($ergo_query_result)) {
    echo 'Message: ' . $ergo_data['ergo'] . '<br>'; 

    echo 'From: ' . username_from_user_id($ergo_data['user_id_seeker']) . '<br>'; 
    echo 'Time submitted: ' . $ergo_data['ergo_time_submitted'] . '<br><br><br><br>';
    echo $ergo_data['primary_key'];

?>

<div class="changes">    
    <input type="button" value="delete" class="<?php echo $ergo_data['primary_key']; ?>" 
        name="<?php echo $ergo_data['user_id_seeker']; ?>" 
        onclick="load('ajax_ergo_list.php?key=', 
        'delete');">
</div>

<script type="text/javascript" >
    $(document).ready(function(){
        var key = $(".changes :input").attr("class");   
        alert(key); 
    }); 
</script>   
<br>
<br>
<br>
<?php   
}
?>

<div id="delete"></div>

这是第二个文件,其中包含按下按钮时我想要发生的事情。     

if (isset($_GET['key'])) {
    $key = sanitize($_GET['key']);      
}

if (!empty($key)) {
    $query = "DELETE FROM `ergo` WHERE `primary_key` = '$key'";
    $query_run = mysql_query($query);
    echo 'Deleted!';
}

?>

1 个答案:

答案 0 :(得分:3)

好的,首先,这是你在这里发生的各种疯狂代码......

<script type="text/javascript" >
    $(document).ready(function(){
        var key = $(".changes :input").attr("class");   
        alert(key); 
    }); 
</script>

你的脚本在while循环中。这将循环警报多次。这就是所有的功能。它没有设置全局变量或任何东西。

关于jQuery,请使用它:

function load(thefile, thediv) {    
    if (window.XMLHttpRequest) {    
        xmlhttp = new XMLHttpRequest();
    } else {
    xmlhttp = new ActiveXObject ('Microsoft.XMLHTTP');  
    }

    xmlhttp.onreadystatechange = function () {  
        if (xmlhttp.readyState==4 && xmlhttp.status==200) {

            document.getElementById(thediv).innerHTML = xmlhttp.responseText;   
        }
    }   

    xmlhttp.open('GET', thefile + key, true);
    xmlhttp.send();
}

坚持这一点:

function load(thefile, thediv) {    
    $.get(thefile+key,function(responseText){
        $('#'+thediv).html(responseText);   
    });
}

关于删除功能的问题:

<div class="changes">    
    <input type="button" value="delete" class="<?php echo $ergo_data['primary_key']; ?>" 
        name="<?php echo $ergo_data['user_id_seeker']; ?>" 
        onclick="load('ajax_ergo_list.php?key=', 
        'delete');">
</div>

您的onclick是正在解雇的JavaScript。你有第一个变量设置为链接,第二个变量是我猜的动作?在您的功能代码中,第二个变量应该是显示信息的div。 key无处可寻。试着这样做:

<div class="changes">    
    <input type="button" value="delete" class="<?php echo $ergo_data['primary_key']; ?>" 
        name="<?php echo $ergo_data['user_id_seeker']; ?>" 
        onclick="load('ajax_ergo_list.php?key=<?php echo $ergo_data['primary_key'];?>', 
        'delete');">
</div>

你的负载功能如下:

function load(thefile, thediv) {    
    $.get(thefile,function(responseText){
        $('#'+thediv).html(responseText);   
    });
}
祝你好运!