Question

我试图了解Ajax是如何工作的，所以我写了几个脚本但是当我点击按钮时，page.html没有加载！我使用的是jQuery v1.11.1 的index.html

＆＃13;

<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
 <meta content="utf-8" http-equiv="encoding">

<title>Demo</title>
</head>

  <body>	
   <input id="button" type="button"  value="Load" />
   <div id="content"></div>


	<script type="text/javascript" src="../js/jquery.js"></script>
	<script type="text/javascript" src="ajax.js"></script>
</body>

</html>

＆＃13;

ajax.js

＆＃13;

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

＆＃13;

page.html中

＆＃13;

<strong>Loaded Ok!</strong>

＆＃13;

Answer 1

将ajax请求的方法添加到您的代码中，如下所示：

$.ajax({
        url: 'page.html',
        type:'post',
        succuss: function(data){
            $('#content').html(data);
        }
    });

Answer 2

尝试更改此内容：

客户方：

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

为此（成功不是成功：P）：

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

如果收到如下错误，请检查您的JavaScript控制台：＆＃34; $未定义＆＃34;。然后改变所有＆＃34; $＆＃34;在你的ajax.js到＆＃34; jQuery＆＃34;或者：

jQuery(document).ready(function($){
    $.ajax({
        url: 'page.html',
        method: 'get',
        success: function(data){
            $('#content').html(data);
        } 
    });
};

如何通过ajax加载文件？

2 个答案: