blocks|key|1498678|text|我的主要目标是|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1498679|我不想显示从服务器收到的回复|blockquote|1498680|因此，我在页面中添加了一个IFRAME，然后将它添加为表单的目标|1498681|<form+action="MYLINK"+method="POST"+target="hidden-form">
...
</form>
<IFRAME+style="display:none"+name="hidden-form"></IFRAME>|code-block|syntax|javascript|1498682|现在，服务器的答复不可见。|1498683|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Q|8|@]|9|@]|A|$]]|$1|E|3|F|5|6|7|R|8|@]|9|@]|A|$]]|$1|G|3|H|5|I|7|S|8|@]|9|@]|A|$J|K]]|$1|L|3|M|5|6|7|T|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|O|$]]

My main aim was

<blockquote>
 I don't want to show the reply received from the server
</blockquote>

So I added an IFRAME in the page and then added it as the form's target

<pre><code>&lt;form action="MYLINK" method="POST" target="hidden-form"&gt;
...
&lt;/form&gt;
&lt;IFRAME style="display:none" name="hidden-form"&gt;&lt;/IFRAME&gt;
</code></pre>

Now the reply from server is not visible

blocks|key|3277908|text|有什么原因需要使用JavaScript来创建表单吗？它只是简单地没有张贴输入，还是表单没有提交？您可以始终使用Web检查工具查看请求。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3277909|尝试打开您的web检查器，并查看控制台中是否有任何JavaScript错误。|3277910|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

Any reason you have to use JavaScript to create the form? Is it simply not posting the input or is the form failing to submit? You can always use your Web Inspect tool to see the request.

Try opening your web inspector and look at the console for any JavaScript errors.

blocks|key|1498578|text|你在http://www.posttestserver.com/data/2015/12/16/21.17.23451563624上发布的数据|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1498579|请看图片。|1498580|📷|atomic|1498581|​|1498582|entityMap|0|LINK|mutability|MUTABLE|url|http://www.posttestserver.com/data/2015/12/16/21.17.23451563624|1|IMAGE|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/58329e0ab6c2394d8f54fdbcf92d1303.png|imageAlt^0|2|1R|0|0|0|0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|D|3|E|5|6|7|12|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|13|8|@]|9|@$A|14|B|15|1|16]]|C|$]]|$1|I|3|J|5|6|7|17|8|@]|9|@]|C|$]]|$1|K|3|-4|5|6|7|18|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]|S|$5|T|O|U|C|$V|W|X|-4]]]]

your posted data found at 
<a href="http://www.posttestserver.com/data/2015/12/16/21.17.23451563624" rel="nofollow noreferrer">http://www.posttestserver.com/data/2015/12/16/21.17.23451563624</a>

plz, see the image.
<a href="https://i.stack.imgur.com/C1EUm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/C1EUm.png" alt="enter image description here"></a>

blocks|key|3277986|text|您可以使用ajax来发布数据，而不是表单提交。params+={+'input':'on‘}+$.ajax(url，post，params，succ，err)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3277987|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

you can use ajax to post data instead of form submit.
params = {
 'input':'on'
}
$.ajax(url,post,params,succ,err)

blocks|key|3278004|text|根据我的理解，解决办法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3278005|如果您要在head标记中放置脚本，请参考“+tags+in+HTML+markup?”。其结论是将脚本放在head标记中，并使用异步或延迟属性。|ordered-list-item|offset|length|style|BOLD|3278006|在提交表单之前，将表单附加到您的身体。
Document.body.appendChild(表格)；|3278007|将脚本放在正文标签之前。|3278008|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/436411/where-is-the-best-place-to-put-script-tags-in-html-markup^0|0|1C|N|L|L|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@$E|W|F|X|G|H]]|9|@$E|Y|F|Z|1|10]]|A|$]]|$1|I|3|J|5|D|7|11|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|12|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

Solutions as per my understanding : 

<ol>
<li>If you are placing script in head tag, refer '<a href="https://stackoverflow.com/questions/436411/where-is-the-best-place-to-put-script-tags-in-html-markup">Where should I put &lt;script&gt; tags in HTML markup?</a>'. The conclusion is to put scripts in the head tag and use the async or defer attributes. </li>
<li>Append form to your body before submitting the form. 

<pre><code>document.body.appendChild(form); 
</code></pre></li>
<li>Place script before body tag. </li>
</ol>

blocks|key|1498642|text|不确定为什么要使用JS创建表单，只为了在可以使用ajax的情况下将一些数据发布到服务器。正如前面的答案所提到的，您可以使用jQuery。如果不愿意使用jQuery，则可以使用(XHR)对象|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1498643|使用jQuery的一个简单解决方案是|1498644|$.ajax({
++++type:+'POST',
++++url:+'https://posttestserver.com/post.php',
++++data:+{'args':+'on'}
});|code-block|syntax|javascript|1498645|由于您希望在单击按钮时发送数据，因此可以在单击按钮时触发事件。|1498646|$('button').on('click',+function()+{
++++$.ajax({
++++++++type:+'POST',
++++++++url:+'https://posttestserver.com/post.php',
++++++++data:+{'args':+'on'}
++++});
});|1498647|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Not sure why you want to create a form using JS just to post some data to server when you could have used ajax. As already mentioned in previous answers you can use jQuery. If you are reluctant to use jQuery, you could have used XML HTTP Request (XHR) object

A simple solution using jQuery would be

<pre><code>$.ajax({
 type: 'POST',
 url: 'https://posttestserver.com/post.php',
 data: {'args': 'on'}
});
</code></pre>

Since you want the data to send on clicking a button, you could trigger the event on button click

<pre><code>$('button').on('click', function() {
 $.ajax({
 type: 'POST',
 url: 'https://posttestserver.com/post.php',
 data: {'args': 'on'}
 });
});
</code></pre>

I need to post some data to a webservice using a single button click.
I don't want to show the reply received from the server, which a simple HTML form does. So I came up with the following code:

<pre><code>&lt;!DOCTYPE html&gt;

&lt;html&gt;
&lt;head&gt;
&lt;script&gt;
function sendData() {

 var form = document.createElement('form');
 form.action = "https://posttestserver.com/post.php";
 form.method = 'POST';


 var input = document.createElement('input');
 input.type = 'hidden';
 input.name = "args";
 input.value = "on";
 form.appendChild(input);

 form.submit();
 alert("Submited!");
}


&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;button onclick="sendData();"&gt;Click Me!&lt;/button&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>

Please enlighten me what exactly is going wrong, because its not posting any data.

Javascript POSTing HTML form

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我需要发布一些数据到一个webservice使用一个单一的按钮点击。我不想显示从服务器收到的回复，简单的HTML表单就是这样做的。所以我想出了以下代码：<!DOCTYPE html><html><head><script>function sendData() { var form = document.createElement('form'); form.action = "htt

问Javascript表单POSTing
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript表单POSTingEN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript表单POSTing
EN