使用jquery get提取一段ajax请求

Question

我正在努力争取这个合作请求。 首先，我想完美地说PHP方面。 我现在正尝试使用Ajax和jQuery使它看起来更平滑。

这是js：

$(".controls a").click(function(e) {
    e.preventDefault();
    $.get($(this).attr("href"), function(data) {
        $(".schedule").fadeOut(200, function() {
            $(this).html(data).fadeIn(200);
        });
    });
});

$(this).attr("href")指的是为了从MySQL数据库获取信息而传递的URL（例如hours.php?week=2014-08-11 ）。 每次单击链接时，通过PHP更新week传递的值。

这是我从console.log(data) http://pastebin.com/bGpfjq6r获得的信息

我尝试通过执行以下操作将data （原始HTML）转换为jQuery对象：

 var $data = $.parseHTML(data);

但是，这只是将HTML隐藏到一个数组中。 我可以对该元素执行find ：

 console.log($($data).find(".schedule")); 

但是当我查看此输出时， context是不确定的。

我也尝试了这个问题的可接受答案，但没有用jQuery提取HTML文档的一部分 ：

 var foo = $(".schedule", $data);
 console.log(foo);

这仍然具有未定义的context 。

理想情况下，我想抓住刚刚在信息.section和更换当前.section来自GET请求捕获的信息。 .section是document一部分，也是从请求返回的内容。

控制台中没有错误。 jQuery版本是1.11.1。

如果问题写得不好，我深表歉意。 我尝试以一般的方式编写它，因此它也可能适用于其他人。 让我知道您是否需要其他信息。

Answer 1

尝试使用jQuery filter（）函数。

$(".controls a").click(function(e) {
    e.preventDefault();
    $.get($(this).attr("href"), function(data) {
        $(".schedule").fadeOut(200, function() {

            // apply filter function here to find new schedule div
            var newSchedule = $(data).filter(".schedule").eq(0).html();

            $(this).html(newSchedule).fadeIn(200);
        });
    });
});

Answer 2

尝试包装响应，以便您可以解析它...

$(document).ready(function() {

    // Create named function to Initialize the on click event capture
    function initAJAX() {
        $(".controls a").click(function(e) {
            e.preventDefault();
            $.get($(this).attr("href"), function(data) {
                var response = $('<div>' + data + '</div>');
                var contents = response.find('.schedule').html()
                $(".schedule").fadeOut(200, function() {
                    $(this).html(contents).fadeIn(200);
                    // After we get the content updated, we have to reinitialize those new anchors
                    initAJAX();
                });
            });
        });
    }
    // We have to call this once to start or nothing will happen
    initAJAX();
});