Question

我确信这很简单，但我试图让一个简单的jquery ajax调用工作。我有两个文件，index.html和page.html，都在同一目录中。

这是index.html的内容：

<!DOCTYPE html>
<html>
<head>
    <title>Simple Ajax call</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.min.js"></script>
</head>
<body>
    <h1>ajax call</h1>
    <p><a href="#">Click here to fetch HTML content</a></p>
    <div id="result">

    </div>

    <script type="text/javascript">

        $(document).ready(function(){
            $('a').click(function(){
                $('#result').load('page.html');
            });
        });

    </script>

</body>
</html>

这是page.html的内容：

<strong>Loaded</strong>

我很困惑为什么这不起作用，当我点击链接时没有发生任何事情。

Answer 1

试试这个：

<script type="text/javascript">

        $(document).ready(function(){
            $('a').click(function(){
                $.get("page.html",function(result){
                   $('#result').html(result);
                });
                return false;
            });
        });

    </script>

无法得到简单的jquery ajax调用工作

1 个答案: