javascript - 更改 iframe src 时如何设置自定义 http header ？

Question

有没有办法将自定义 http header 添加到由 <iframe> 完成的请求中？使用 javascript 更改源 (src) 时？

Answer 1

您可以将具有自定义 header 的 ajax 请求的结果设置为 iframe 的内容，如下所示:

$.ajax({
    type: "GET", 
    url: "https://app.icontact.com/icp/a/",
    contentType: "application/json",
    beforeSend: function(xhr, settings){
            xhr.setRequestHeader("some_custom_header", "foo");},
    success: function(data){
        $("#output_iframe_id").attr('src',"data:text/html;charset=utf-8," + escape(data))
    }
});

这是假设 iframe 指向跨域 src。如果一切都在同一个域中，那就更简单了。

编辑:也许试试这个变体。

$.ajax({
    type: "GET", 
    url: "https://app.icontact.com/icp/a/",
    contentType: "application/json",
    beforeSend: function(xhr, settings){
            xhr.setRequestHeader("some_custom_header", "foo");},
    success: function(data){
        $("#output_iframe_id").attr('src',"/")
        $("#output_iframe_id").contents().find('html').html(data); 
    }
});