Javascript 如何使用ajax定位特定id?

Javascript 如何使用ajax定位特定id?,javascript,php,jquery,css,ajax,Javascript,Php,Jquery,Css,Ajax,我第一次尝试ajax(在某种程度上很多js),所以我不确定我做错了什么 目标是侧边栏中的一系列缩略图将在选中时更改位于中心位置的div的内容。该链接当前看起来如下所示: <img src="images/thumbs/elon-scissors-logo.jpg" onclick="reloadMiddleWith('about','about','test')"/> 我测试了它,当它只是背景和新的php页面时,它工作得很好,但没有创建50个页面来调用(由于缺乏正确的理解,目前甚至

我第一次尝试ajax(在某种程度上很多js),所以我不确定我做错了什么

目标是侧边栏中的一系列缩略图将在选中时更改位于中心位置的div的内容。该链接当前看起来如下所示:

<img src="images/thumbs/elon-scissors-logo.jpg" onclick="reloadMiddleWith('about','about','test')"/>

我测试了它,当它只是背景和新的php页面时,它工作得很好,但没有创建50个页面来调用(由于缺乏正确的理解,目前甚至没有尝试数组或数据库)我想我只需要创建一个或两个重复相同容器样式的新页面,然后调用我想要显示的id标签。目前,当我尝试它时,它只是更改背景,但不更改php内容。

jQuery本身有一个方便的函数
jQuery(…)。使用它加载
,jQuery将处理所有必要的点:

function reloadMiddleWith(theme, page, content) {
    var new_url = "http://www.chrisjohndesigns.com/" + page + ".php/#" + content;
    $('#live-area').addClass(theme);
    jQuery("#area-loader").load(new_url);
}

有关更多信息,请查看。

请求是否成功?科学家:谢谢你的反馈,我在答案中加了这个。
function reloadMiddleWith(theme, page, content) {
    var new_url = "http://www.chrisjohndesigns.com/" + page + ".php/#" + content;
    $('#live-area').addClass(theme);
    jQuery("#area-loader").load(new_url);
}