Ajax响应 - 删除脚本和样式

时间:2015-07-23 02:41:36

标签: javascript jquery ajax

我必须在完全检索另一页的地方进行AJAX调用。然后我会通过删除或添加不同的东西来修剪收到的html到我希望看到的(样式明智)。如下:

    $.ajax({
    type: "GET",
    url: "/booking-standard-mykad.html",
    dataType: "html",
    ifModified: true,
    asnyc: true,
    error: function() {
        alert("Error");
    },
    success: function(data) {

        data = $(data);
        data.find(".somecssclass").remove(); 
        //lots of other modifications

        $('.book-now').html(data); //then I would display it here

    }
});

现在的问题是,我似乎无法删除头部中提取的样式和脚本。我想保留头部的一些内容,头部下方,身体内部和页脚中的内容。

我尝试过但失败了:

data.find("title").nextUntil("script[src='http://thedomain.com/skin/frontend/smartwave/porto/js/porto.js']").andSelf().remove();

//removing whatever there is from <title> to a certain <script> fetched

同样,我在jQuery中尝试了load()函数,但由于我需要在页脚和正文中有很多JS函数,所以它不太起作用。因此我使用了Ajax。

有关如何移除某些<scripts><meta><link>标记的想法?

1 个答案:

答案 0 :(得分:1)

我通过使用jQuery load()将数据提取到第三页来解决了这个问题,删除了我想要的任何样式,然后使用iframe将数据从第三页提取到目的地。一切都好又快。