jQuery创建并提交表单 - 不同的浏览器行为

时间:2014-07-23 03:54:33

标签: jquery google-chrome firefox

以下JQuery(v1.10.2)在Chrome中效果很好(35.0.1916.153)

$('<form action="dashboard" method="POST">
<input type="hidden" name="dashboard_id" value="1002"/>
</form>').submit()

..表单已提交,浏览器导航到&#39; action&#39; URI。

然而,在Firefox(28)和IE中,它没有相同的行为。不是提交表格并导航,而是从通话中返回Javascript对象。

有人可以告诉我为什么浏览器的行为不像表格是在FF和IE中提交的吗?

2 个答案:

答案 0 :(得分:2)

如果FF和IE表单不是作为DOM对象创建的。使用此代码创建表单并提交。

$('body').append('<form action="dashboard" id="tempform" method="POST"><input type="hidden" name="dashboard_id" value="1002"/></form>');$('#tempform').submit()

答案 1 :(得分:1)

我认为不是通过HTML代码创建表单而是运行submit(),而应该尝试$ .post

$.post("dashboard", {dashboard_id: 1002}, function( data ) {
   // Do something with response
});
相关问题