load jquery.ajax中的一些问题 函数contentDisp（） { $.ajax({ url:“a2.php”， 成功：功能（数据）{ $（“#contentArea”）.html（数据）； } }); }

我现在刚开始学习jquery.ajax。我在网上找到了一些教程。单击按钮，然后将内容从

a2.php

加载到

div#contentArea

，下面是一些用于控制jquery.ajax的代码。我有一些问题：

js代码是否可以添加

jQuery（document）.ready（function（）

如果我想打开页面，请在onece加载

html（数据）

，而不是单击回调

jquery.ajax是否可以加载div的内容表单

a2.php

，而不是整个页面？类似于jquery.load

$（“#contentArea”）.load（“a2.php#content”）；

---

谢谢。

如果您在文档中准备好ajax调用，它将立即运行并加载内容。这就是jQuery选项卡上默认选项卡的工作方式

load是对整个ajax函数的抽象。您可以使用.ajax做任何您可以使用.load做的事情

请注意，我不喜欢使用$.ajax（）的所有参数重复调用它，我之前在这里展示了我的模式：

但是，出于您的目的，以下被剪断的内容将逐个加载页面

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>

$（文档）.ready（函数（）{
$.ajax({
url:“a2.php”
，成功：函数（数据）{
$（“#contentArea”）.html（数据）；
}
});
});

那么你能给我一个简单的代码吗？我在js顶部添加了

jQuery（document）.ready（function（）

，失败了。

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

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

  });
</script>

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