使用Greasemonkey在Iframe中创建发布请求

Question

我在一个greasemonkey脚本中渲染一个iframe，该脚本从我的后端web服务呈现一个网页。在那一刻我可以提出GET请求并且一切正常但如果我想将更多内容传递给我的后端，我的URL会很大。

查看How do you post to an iframe?我能够创建一个表单，将信息发布到我的后端，然后解析帖子并将其转储到IFrame中。

我要做的是在页面加载时使用greasemonkey向我的webservice发送一个post请求，然后在没有用户输入的情况下在IFrame中呈现信息。

以下是我到目前为止：

$(document).ready(function() {

/*Get Account ID */
var accountID = getAccountId();
var requestUrl = getUrl();
var subject= getSubject();

/* Find the main container */
var mainContainer = document.getElementById('container');
mainContainer.style.width = '78%';
var divContainer = document.createElement('div');
divContainer.id = "div-Decorator"; 


/* Post data  */
var form = document.createElement('form');
form.action = apiUrl;
form.method = "post";
form.target = "resource-Decorator";

var formInput = document.createElement('input');
formInput.type = "text";
formInput.name = "AccountID"
formInput.value = accountID;

var formInput1 = document.createElement('input');
formInput1.type = "text";
formInput1.name = "Topic"
formInput1.value = caseSubject;

var formInputSubmit = document.createElement('input');
formInputSubmit.type = "submit";
formInputSubmit.value = "post";


var iframe = document.createElement('iframe');
iframe.id = "resource-Decorator";
iframe.name = "resource-Decorator";
iframe.src = requestUrl;
iframe.scrolling = "auto";

divContainer.appendChild(form);
form.appendChild(formInput);
form.appendChild(formInput1);
form.appendChild(formInputSubmit);
divContainer.appendChild(iframe);
document.body.appendChild(divContainer);

});