书签发布html内容（而不是获取/请求）

Question

我想创建一个书签，以获取html页面的内容，并将其发送到外部url进行处理。

通常，仅将document.title发送到服务器并在服务器端对其进行CURL就足够了，但是由于种种原因，这不是这里的选择。 我试过了：

javascript:
(
    function()
    {
        var htmlstuff=document.documentElement.innerHTML;

        window.open
        (
            'http://127.0.0.1/grabhtml.php?url='+escape(document.location)+'&title='+escape(document.title)+'&html='+escape(htmlstuff)+'&lm='+escape(document.lastModified)
            ,'InfoDialog','menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=yes,dependent=no,width=400,height=480,left=50,top=50'
        );
    }
)
();

grabhtml.php只是<? file_put_contents('result.html',$_REQUEST['html']); ?> <? file_put_contents('result.html',$_REQUEST['html']); ?>

不出所料，Apache不喜欢这么长的请求：

Request-URI Too Large
The requested URL's length exceeds the capacity limit for this server.

因此，我考虑过通过POST而不是GET发送document.documentElement.innerHTML。

Firefox-WebmasterTools具有显示“查看生成的源代码”而不是常规“查看源代码”的选项。

我记得去年我读过一篇有关类似Instapaper的服务如何完全一样的文章。

我已经在几天内搜索了这篇文章，或者在将“生成的源代码”发布到我的表单中的小书签示例中进行了搜索。

我的Javascript技能非常基础，但是我是一个快速学习的人。 向正确的方向踢将不胜感激。

Answer 1

您只能通过AJAX使用POST，因此您的JS脚本必须与grabhtml.php在同一域上运行

如果是这样，您可以简单地使用jQuery，它看起来像：

$.post('grabhtml.php', {
    url: document.location,
    title: document.title,
    html: htmlstuff
}, function(response) {
    alert('Successfully posted.');
});

如果不这样做，则可以尝试将脚本嵌入到iframe （与php脚本在同一域中运行），将标题，正文等从父框架发送到此iframe （通过window.postMessage ），然后发出描述的POST请求以上忽略了跨域限制。

您可以在此处阅读有关window.postMessage的更多信息： http : //viget.com/extend/using-javascript-postmessage-to-talk-to-iframes

注意：我不确定window.postMessage的最大邮件大小