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

Question

我在 ajax 负载方面遇到了一些问题
好的，所以查询可以说我有一个页面（附图片）

ajax 在点击特定 id 时将 div 加载到“RESULT”div
这是我到目前为止的 ajax 脚本和 html。这可以完美地加载到页面 a 本身的 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);
    });

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

这个概念是，在页面 b 上，单击 id，它首先加载页面 a 并在“结果”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);
});