html - Ajax 调用不起作用

Question

我在使用我的代码时遇到了困难：

<input id="button"  type="button" value="Load"/>
<div id="content"> </div>

<script src="js/ajax.js" type="text/javascript"></script>

使用 ajax：它似乎没有运行。

$('#button').click(function() { 
    $.ajax({ 
        url: 'page.html', 
        success: function(data) {
            $('#content').html(data);
        }
    });
});

页面 html 包含<span>Hello</span>

任何人都可以帮助我我不知道我已经用这个测试过并且工作正常：

<input type="text" onclick="$(this).hide();"/>

注意我有<script src="js/jquery.js" type="text/javascript"></script>

Answer 1

您是否链接了 jquery.js 库？

Answer 2

首先在页面顶部加载 jquery 库

Answer 3

尝试指定数据类型：

使用下面的代码

<script>
$(function($) {
    $('#button').click(function() { 
        $.get('page.html',function(data)
        {
            $("#content").html(data);
        },"html")
    });
});
</script>

玩得开心：）