我需要用户导航到某个页面，该页面的某个 div 中充满了有用的文本。然后单击我的书签并将该 div 中的文本发送回我的服务器，该服务器与当前域不同。我已成功在小书签单击上插入 jQuery 并选择了文本。现在我需要想办法将文本跨域发送到我的服务器。我用 jQuery 尝试了 JSONP，但我的文本对于 url 来说太长了。我的第二个想法是打开一个新窗口并从我的域加载一个页面，然后以某种方式将选定的文本插入新窗口，之后用户可以单击提交并将该数据发布到我的服务器。由于 javascript 跨站点原因，这不起作用。有人对此有任何经验或想法吗？谢谢。
【问题讨论】：
标签： javascript cross-domain bookmarklet cross-site
生成一个表单（使用 DOM）并 POST 数据（您可能希望定位一个 iframe，但它会被触发并忘记）。
【讨论】：
这是一个将文本发布到远程服务器的示例。 如果你想改变你有 iframe 的页面，你可以在远程服务器上打印 javascript 来表示成功。或者一个弹出窗口说它完成了。在远程服务器上，您可以打印此弹出窗口：
<script> parent.document.getElementById('postmessage').style.display='block'; parent.alert('Successfully posted');</script>
在您要发送信息的网页上，制作这样的表单和 iframe。
<span id="postmessage" style="display:none">Success Message</span>
<form action="http://www.remoteserver.com/upload_test.php" method="post" target="post_to_iframe">
<input type="hidden" value="the text to send to remote server" />
<input type="submit" value="Submit" />
</form>
<!-- When you submit the form it will submit to this iFrame without refreshing the page and it will make the popup and display the message. -->
<iframe name="post_to_iframe" style="width: 600px; height: 500px;"></iframe>
【讨论】：
使用 javascript 创建 iframe。然后将表单添加到 iframe 并提交。提交表单后，onload 回调将触发。
var i=document.createElement('iframe');
i.setAttribute('name', 'frame-id');
i.setAttribute('id', 'frame-id');
i.setAttribute('allowtransparency', 'true');
i.setAttribute('style', 'border: 0; width: 1px; height: 1px; position: absolute; left: 0; top: 0;');
i.setAttribute('onload', 'iframeFormSubmitted();');
document.body.appendChild(i);
var html = '<html><body>' +
'<form action="/post_url" method="post" id="iframe-form" accept-charset="utf-8">' +
'<input type="hidden" name="id" value="' + your_text + '"/>' +
'</form>' +
'<scr'+"ipt>var e=encodeURIComponent,w=window,d=document,f=d.getElementById('f');" +
"d.getElementById('iframe-form').submit();" +
'</scr'+"ipt></body></html>";
window.frames['frame-id'].document.write(html);
【讨论】：