一些問題在加載jquery.ajax

Question

function contentDisp() 
{ 
    $.ajax({ 
    url : "a2.php", 
    success : function (data) { 
    $("#contentArea").html(data); 
    } 
    }); 
} 

<input type="button" value="Click" onClick="contentDisp();">&nbsp;<span style="color:blue;"> 
<textarea id="contentArea" rows="10" cols="50"></textarea> 

我是新學習jquery.ajax現在。我在網上找到了一些教程。這些是控制jquery.ajax的一些代碼，當點擊一個按鈕時，然後將內容從a2.php加載到div#contentArea。我有一些問題：

1. 是否JS代碼可以添加一個jQuery(document).ready(function()如果我想打開網頁，加載html(data)在onece，而不是點擊回調？

2. jquery.ajax是否可以加載div的內容形式a2.php，而不是整個頁面？類似jquery.load $("#contentArea").load("a2.php #content");。

謝謝。

Answer 1

如果您將ajax調用放入文檔中，它將立即運行並加載內容。這實際上是jQuery選項卡上默認選項卡的工作原理。

jquery.load是完整的ajax函數的抽象。你可以用.ajax做任何事情，你可以用.load

作爲一個說明，我不喜歡重複調用$ .ajax（）所有的參數，我之前已經在這裏顯示我的模式： Showing Loading Image in Modal Popup Extender in Webservice ajax call

但是，出於您的目的，以下內容會在頁面加載時加載頁面。

<script> 
    $(document).ready(function() { 

    $.ajax({ 
     url: "a2.php" 
     ,success: function(data) { 
     $("#contentArea").html(data); 
     } 
    }); 

    }); 
</script> 

<textarea id="contentArea" rows="10" cols="50"></textarea>