jquery - 返回无 CSS/JS 干扰的 AJAX HTML 响应

Question

我对将返回 HTML 响应的服务器进行 AJAX 调用。此 HTML 响应将包括 HTML、CSS 和 JS。我想将此回复嵌入我的当前页面，以便用户能够查看回复。我已尝试以下操作，但响应中的 CSS 已应用于我的当前页面。有什么方法可以防止 CSS 应用于我的当前页面？

请注意，我无法控制服务器返回的 CSS。服务器可以返回针对所有元素类型的 CSS p { color:red } :(

$.ajax ({
    type: TYPE,
    contentType: CONTENT_TYPE,
    url: URL,
    headers: {
        firstName: firstName,
        lastName: lastName
    }
})
.done( function(msg) {
    $('#response').html(msg);
})

<div id="response"></div>

Answer 1

更好地使用 CSS 选择器会有所帮助。也许将结果包装在容器 div 中并向其添加一个类。然后您的 css 可用于仅定位该 div 中的元素。