如何通过ajax加载文件？

我试图学习如何Ajax的作品，所以我写了几个脚本，但是当我点击按钮，page.html没有被加载！我使用jQuery v1.11.1 的index.html如何通过ajax加载文件？

<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> \t 
 
    <input id="button" type="button" value="Load" /> 
 
    <div id="content"></div> 
 

 

 
\t <script type="text/javascript" src="../js/jquery.js"></script> 
 
\t <script type="text/javascript" src="ajax.js"></script> 
 
</body> 
 

 
</html>

ajax.js

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

page.html中

Ajax请求你的代码

<strong>Loaded Ok!</strong>

来源

2014-10-16 Aex Sun

尝试改变这一点：

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

这（成功不是succuss：P）：

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

如果出现如下错误，请检查您的JavaScript控制台：“$未定义”。然后将您的ajax.js中的所有“$”更改为“jQuery”或：

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

来源

2014-10-16 13:10:58 rgwsk65

谢谢是的，这是错字:)我会接受您的答案 – 2014-10-16 13:14:54

添加方法如下：

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

来源

2014-10-16 13:09:37 Farhad

如何通过ajax加载文件？

回答

相关问题