我需要创建一个页面,使用Jquery和AJAX从外部页面加载div。JQuery/AJAX:使用动态内容加载外部DIV使用动态内容
我遇到了一些很好的教程,但它们都是基于静态内容的,我的链接和内容是由PHP生成的。
确切功能,我需要如下:
主页包含永久DIV列出包含参数一些链接。
点击后,链接将参数传递给外部页面。
外部页面根据参数过滤记录集并用结果填充div。
新的div包含一组具有新参数的新链接。
外部div加载在主页第一格下面。
过程可以重复创建彼此之下的div链。
链中的最后一个div将指向一个新页面,整理所有先前使用的querystrings。
我可以处理所有的PHP工作,在主页和外部页面上填充div。
这是我努力的JQuery和AJAX部分。
$(document).ready(function(){
var sections = $('a[id^=link_]'); // Link that passes parameter to external page
var content = $('div[id^=content_]'); // Where external div is loaded to
sections.click(function(){
//load selected section
switch(this.id){
case "div01":
content.load("external.php?param=1 #section_div01");
break;
case "div02":
content.load("external.php?param=2 #section_div02");
break;
}
});
我遇到的问题是让JQuery将动态生成的参数传递给外部页面,然后检索新的div。
我目前只能使用静态链接来执行此操作(如上所述)。