0

这段代码有什么问题？它是通过 ajax 更改菜单和页面而不刷新页面，但它不工作它是我的 ajax 代码

<script>
        $(document).ready(function() {
            $('.news').click(function give(id){
                $('#main-unit').text('Please Wait...');
                    var place= id;
                    $.ajax({
                        url:'pages/news.php',
                        type:'POST',
                        data:'where='+place,
                        statusCode:{
                            success: function(data){
                                $('#main-unit').html(data);
                            }
                        }
                    });
            });
        });
    </script>

这是我的 html 标签

<ul>
   <li><a class="news" onclick=\"give('news')\" href="#">news</a></li>
</ul>

和php代码

mysql_connect("localhost", "root", "")
    or die(mysql_error()); 
    mysql_select_db("basi")
    or die(mysql_error()); 
    if($_POST['where']=='news'){
        $result = mysql_query("SELECT * FROM contents WHERE type = 0");
        while ($row = mysql_fetch_array($result)){
            $title = $row['title'];
            $text = $row['text'];
            echo"
            <div class='title'><span>$title</span></div>
            <div class='content'>
            $text
            </div>
            ";
        }
    }

从 DB 读取的信息但不返回到 html 文件。

4

2 回答 2

1

问题在于您的 JavaScript。您正在等待文档准备好并（错误地）绑定未使用的单击事件侦听器！尝试：

<a class="news" onclick="give('news')" href="#">news</a>

使用 JavaScript：

<script>
    function give(id) {
        $('#main-unit').text('Please Wait...');
        var place = id;
        $.ajax({
            url:'pages/news.php',
            type:'POST',
            data:'where='+place,
            statusCode:{
                success: function(data){
                    $('#main-unit').html(data);
                }
            }
        });
    }
</script>

更好的解决方案是将 HTML 与 JavaScript 分开 - 从菜单链接中删除 onclick 属性，并使用纯 jQuery 选择它并绑定一个在单击时调用 give() 的事件：

$(document).ready(function() {
    $('.news').click(function(e) {
        give('news');
    });
});
于 2013-09-11T18:12:23.523 回答
0

FTFY

<script>
        $(document).ready(function() {
            $('.news').click(function give(id){
                $('#main-unit').text('Please Wait...');
                    var place= id;
                    $.ajax({
                        url:'pages/news.php',
                        type:'POST',
                        data:'where='+place,
                        //I believe your mistake was here
                        success: function(data){
                                $('#main-unit').html(data);
                         }
                    });
            });
        });
    </script>
于 2013-09-11T17:51:24.560 回答