使用jquery发送帖子并在"灯箱中加载特定的选择器"

时间:2012-11-21 10:55:17

标签: php jquery ajax post lightbox

我想用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;
});​

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

我想在灯箱中检索这个标题和描述我该怎么办?

1 个答案:

答案 0 :(得分: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