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。我有一些问题：

如果我想打开页面，js代码是否可以添加jQuery(document).ready(function()，只需加载html(data)，而不是点击回调？
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>

加载jquery.ajax中的一些问题

1 个答案: