1

我想用 Jquery $.POST() 发布一个表单值并加载一个我不知道该怎么做的特定选择器可能是用 json 或类似的东西

$.post('topic.php', {
    id: id
}, function(data) {
    $("#message")
        .html($(data).('attr', 'title'))
        .hide()
        .slideDown(500); //Fade in the data given by the topic.php file
});
return false;
});​

我只想加载标题和描述而不是整个页面

我想在灯箱中检索此标题和描述，我该怎么做？

4

1 回答 1

0

首先，jQuery（甚至内部的许多浏览器）发送一个 HTTP_X_REQUESTED_WITH 标头。您可以在 topic.php 中捕获它并返回 json 而不是 html。检查此链接以获取操作方法：http ://www.electrictoolbox.com/how-to-tell-ajax-request-php/

如果你真的想从返回的 html 中提取内容，这很简单：用 jQuery 创建一个空白 DOM 对象，给它 HTML 数据，然后用 find 函数检索你想要的任何元素：

$.post('topic.php', {
    id: id
}, function(data) {
$("#message")
    .html($('<div></div>').html(data).find('a').('attr', 'title'))
    .hide()
    .slideDown(500); //Fade in the data given by the topic.php file
});
return false;
});​

用您需要的任何选择器替换 find 函数中的“a”标签。这里有一个工作示例：http: //jsfiddle.net/GeX7d/

编辑：对于灯箱部分，网上有很多描述该过程的教程，这将满足您的需求：http ://www.cssjockey.com/web-design-tutorials/an-easy-way-to -create-light-box-with-jquery-css

于 2012-11-21T11:09:27.253 回答