javascript - 如何将 jQuery .load 方法与 jsfiddle 回显功能结合使用？

Question

我正在尝试在 jsfiddle.net 上测试加载 AJAX 响应，但似乎无法弄清楚如何去做。

我正在调用 .load('/echo/html') 但我不确定如何传入数据？

refer this jsfiddle

JS:

$(function() {
    $("div.post-big").hide();

    $("div.expand").click(function() {
    $(this).parent().hide();
    $(this).parents('.post').load('/echo/html/');        
  });
});

支持 HTML:

<div class="post">
  <div class="post-small">
    <div>Title</div>
    <div>Content</div>
    <div class="expand">expand</div>
  </div>
  <div class="post-big"></div>
</div>

<div class="post">
  <div class="post-small">
    <div>Title</div>
    <div>Content</div>
    <div class="expand">expand</div>
  </div>
  <div class="post-big"></div>
</div>

<div class="post">
  <div class="post-small">
    <div>Title</div>
    <div>Content</div>
    <div class="expand">expand</div>
  </div>
  <div class="post-big"></div>
</div>

支持 CSS:

.post {
    border: 1px solid #911;
    margin: 5px;
}

Answer 1

您需要为 .load 方法提供第二个参数，其中包含一个 html 属性。

.load('/echo/html/', { html: 'Hello!' });

请参阅 jsfiddle 中的工作示例

在此演示中，单击显示expand 的文本以触发加载。