Jquery条件ajax查询不起作用

时间:2012-01-22 16:03:01

标签: php jquery ajax

我有一个li的列表,在mousemove上,代码会检查某个div是否包含某个类。如果是这种情况,则启动ajax查询。不幸的是它没有用,我不明白为什么我的代码工作如果我不使用ajax。提前感谢您的帮助。

我的HTML:

    <div id="wrapper">
        <div id="contentWrapper">
            <div id="contentOne" class="content">
                <ul>
                    <li refSortie="mmm">mmm</li>
                    <li refSortie="sss">sss</li>
                    <li refSortie="mmm">mmm</li>
                    <li refSortie="mmm">mmm</li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>

            <div id="contentTwo" class="content"></div>
            <div id="contentThree" class="content"></div>
            <div id="contentFour" class="content"></div>
        </div>
    </div>

我的JS:

$('#contentOne li').mousemove(function () {
    var refSortie = $(this).attr('refSortie');

    if(!$('#contentOne').hasClass('freezed')) {

        $.ajax({
            type: 'POST',
            url: 'php/test2.php',
            data: 'refSortie=' + refSortie,
            success: function (data) {
                $('#contentTwo').html(data);
            }
        });
    }
}).mouseout(function () {
    if(!$('#contentOne').hasClass('freezed')) {
        $('#contentTwo').html('');
    }
});

我的PHP:

<?php
if(isset($_POST['refSortie'])) {
    echo $refSortie=$_POST['refSortie'];
}
?>

1 个答案:

答案 0 :(得分:1)

那么,根据你发布的内容。这是我得到的,它对我来说很好。

HTML&amp; JQUERY

   <!DOCTYPE HTML>
    <html>
    <head>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script>
    </head>

    <body>
       <div id="wrapper">
            <div id="contentWrapper">
                <div id="contentOne" class="content">
                    <ul>
                        <li refSortie="mmm">mmm</li>
                        <li refSortie="sss">sss</li>
                        <li refSortie="mmm">mmm</li>
                        <li refSortie="mmm">mmm</li>
                     </ul>
                </div>
                <div id="contentTwo" class="content"></div>
                <div id="contentThree" class="content"></div>
                <div id="contentFour" class="content"></div>
            </div>
        </div>
    <script type="text/javascript">
    $('#contentOne li').mousemove(function(){
        var refSortie=$(this).attr('refSortie');

        if(!$('#contentOne').hasClass('freezed')){

            $.ajax({
        type:'POST',
        url:'test2.php',
        data:'refSortie='+refSortie,
        success:function(data){
            $('#contentTwo').html(data);    
        }
        });}
    }).mouseout(function(){
        if(!$('#contentOne').hasClass('freezed')){
            $('#contentTwo').html('');}    
    });

    </script>

    </body>
    </html>

PHP

    <?php
    if(isset($_POST['refSortie'])) {
        echo $refSortie=$_POST['refSortie'];
    }

?>

我做的不一样吗?

Firebug控制台视图:

enter image description here