Javascript 从另一个页面调用的一个页面的Ajax加载div
关于ajax负载,我面临一些小问题Javascript 从另一个页面调用的一个页面的Ajax加载div,javascript,ajax,url,load,Javascript,Ajax,Url,Load,关于ajax负载,我面临一些小问题 好的,那么问题是,假设我有a页(附图片) 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> &
好的,那么问题是,假设我有a页(附图片)
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({
缓存:false
});
var ajax_load=“”;
var loadUrl=“content.php”;
$(“#一”)。单击(函数(){
$(“#结果”).html(ajax#u load).load(loadUrl);
});
var load2Url=“content1.php”;
$(“#两”)。单击(函数(){
$(“#结果”).html(ajax#u load).load(loadUrl);
});
var load3Url=“content2.php”;
$(“#三”)。单击(函数(){
$(“#结果”).html(ajax#u load).load(load2Url);
});
问题是我需要使用相同的id调用从另一个页面加载b页上result div的相同内容,比如说b页概念是,在b页上,单击id,它首先加载a页并加载“结果”div上的内容。两个页面位于同一服务器上
非常感谢您的帮助。谢谢。您的
加载URL的速度不正确,它们应该在函数内部,否则它的值是最后设置的值,即content2.php
$.ajaxSetup({
缓存:false
});
var ajax_load=“”;
$(“#一”)。单击(函数(){
var loadUrl=“content.php”;
$(“#结果”).html(ajax#u load).load(loadUrl);
});
$(“#两”)。单击(函数(){
var loadUrl=“content1.php”;
$(“#结果”).html(ajax#u load).load(loadUrl);
});
$(“#三”)。单击(函数(){
var loadUrl=“content2.php”;
$(“#结果”).html(ajax#u load).load(loadUrl);
});
处理它的一种方法是将动态项作为请求参数传递,如在第b页中使用url/pagea.html?section=One
等
然后进行页面加载
$(function(){
var location = window.location.href;
var page = location.substring(location.indexOf('=') + 1);
$('#' + page).trigger('click');
})
您使用的是服务器端技术吗不……这里除了ajax代码没有别的。这些页面位于同一台服务器上。就这些。谢谢你清理代码。事实上是的,内容确实是通过页面本身的ajax调用加载的,但我需要从另一个页面调用加载函数……就像我提到的,在b页面上,单击一个id=1的链接,它加载b页面&加载结果分区中id=1的链接内容。有没有办法解决这个问题。我没有完全理解你的概念。。。。由于存在多个内容aite,我如何指定在单击b页上的id时调用a页上的哪些内容。
$.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);
});
$(function(){
var location = window.location.href;
var page = location.substring(location.indexOf('=') + 1);
$('#' + page).trigger('click');
})