Question

需要利用JQuery和AJax提供基本帮助。我有一ul。

  <div id="topics">

<h1><a href="index.html">JQuery</a></h1>
  <h3>A Working Primer</h3>

<ul>
    <li><a href="articles/includingJQuery.html">Including JQuery</a></li>
    <li><a href="articles/tools.html">Tools of the Trade</a></li>
</ul>
  </div>

在我喜欢Ajax含量的空洞中,将装上上述同一页:

  <div id="articles">
  </div>

页: 1

$(document).ready(function(){
  $("#topics ul li a").click(function(){
 $( #articles ).load(  );

 return false; 
   });
});

不能确切地确定用什么来装载其动力。感谢:

Answer 1

如果内容位于<代码>href属地,则需要获得这一属性价值:

$( #articles ).load(this.href);

为此:

$(document).ready(function(){
    $("#topics ul li a").click(function() {
              // use the content of the href attribute
              //     for the load parameter
        $( #articles ).load(this.href);
        return false; 
    });
});

Answer 2

$( #articles ).load($(this).attr( href ));

......

Answer 3

使用

$( #articles ).load($(this).attr( href ));

工作含糊不清,但随后,你最后拿着装在座的全边远文件,包括双头/人帽。

为了更加复杂,你可以具体说明在有效载荷中的一种退学功能,并用该功能读取回归的内容,只收集<代码>和>;人与人;要素,并将这些儿童插入<编码>#。

Answer 4

象你所期望的那种声音...... 以下职能称为伙伴关系。网上服务网。然后,我使用从网络服务处返回的JSON数据对我的内容进行更新。我认为,你可能从这个例子中看到我做些什么,并将其适用于你们自己的法典。让我知道,你是否需要我澄清什么。

$(function () {
    $.ajax({
        type: "POST",
        data: "{}",
        datatype: "json",
        url: "../webServices/myTestWS.asmx/testMethodTV",
        contentType: "application/json; charset-utf-8",
        success: function (msg) {
            var len = msg.d.rows.length;
            $( #sidetree ).append( <ul id="treeview"> );
            for (i = 0; i < len; i++) {
                $( #sidetree ).append("<li><span class= expandable >" + msg.d.rows[i].data + "</span></li>");
            }
            $( #sidetree ).append( </ul> );

    });
});

Answer 5

页: 1 div 然后,你可以做:

$(document).ready(function() {
  $("#topics ul li a").click(function() {
    var url = $(this).attr( href );
    $( #articles ).load(url +   #container );
    return false; 
  });
});

这只能指<代码>#container。 div 并排除了你不希望和你不必承担退约职能的所有外面的html。见。 http://api.jquery.com/load/。

友情链接