Ajax调用不起作用

时间:2012-12-23 06:22:00

标签: html ajax

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

<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>

3 个答案:

答案 0 :(得分:2)

您是否链接了jquery.js库?

答案 1 :(得分:1)

首先在页面顶部加载jquery库

答案 2 :(得分:1)

尝试指定dataType:

使用以下代码

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

玩得开心:)