Ajax加载从另一个页面调用的一个页面的div

Question

我面临着关于a​​jax负载的一些故障
好的，所以查询就是说我有页面a（附图片）

ajax在点击特定ID的时候将div加载到“RESULT”div中 这是ajax脚本＆amp; html我到目前为止。这完全加载在页面上的Result div本身。

<a href="#" id="one" /><br>
<a href="#" id="two" /><br>
<a href="#" id="three" /><br>
<div id="result"  class="functions"></div>

    $.ajaxSetup({
        cache: false
    });
    var ajax_load = "<img class='loading' src='img/load.gif' alt='loading...' />";


    var loadUrl = "content.php";
    $("#one").click(function () {
    $("#result").html(ajax_load).load(loadUrl);
    });

    var load2Url = "content1.php";
    $("#two").click(function () {
    $("#result").html(ajax_load).load(loadUrl);
    });

    var load3Url = "content2.php";
    $("#three").click(function () {
        $("#result").html(ajax_load).load(load2Url);
    });

事情是我需要在页面b上的结果div上使用相同的id调用从另一个页面加载相同的内容，让我们说第b页。

概念是，在页面b，点击id，它LOADS页面第一个＆amp;在“RESULT”div上加载内容。两个页面都在同一台服务器上 非常感谢任何帮助。谢谢。

Answer 1

处理它的一种方法是将动态项作为请求参数传递，如第b页中的使用url /pagea.html?section=one等

然后在页面加载

$(function(){
    var location = window.location.href;
    var page = location.substring(location.indexOf('=') + 1);
    $('#' + page).trigger('click');
})

Answer 2

你的loadUrl的错误速度应该在函数内部，否则它的值是它设置的最后一个值content2.php

jsFiddle Demo

$.ajaxSetup({
    cache: false
});

var ajax_load = "<img class='loading' src='img/load.gif' alt='loading...' />";

$("#one").click(function () {
    var loadUrl = "content.php";
    $("#result").html(ajax_load).load(loadUrl);
});

$("#two").click(function () {
    var loadUrl = "content1.php";
    $("#result").html(ajax_load).load(loadUrl);
});

$("#three").click(function () {
    var loadUrl = "content2.php";
    $("#result").html(ajax_load).load(loadUrl);
});