如何通過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加載文件？

回答

相關問題