Javascript(jQuery)でformを生成して.submit()するとFirefoxだけ動作しないエラー
$('<form/>', {action: '/url', method: 'post'}) .append($('<input/>', {type: 'hidden', name: 'test1', value: 'data1'})) .append($('<input/>', {type: 'hidden', name: 'test2', value: 'data2'})) .submit();
と書いて、ChromeとかSafariとかで動いているから満足していたが、
どうも、Firefoxだけ動かないと言うことが発覚して修正した。
submit()する前に一度bodyにFormデータを追加してあげると良いみたい。
ということで修正後
var form = $('<form/>', {action: '/url', method: 'post'}) .append($('<input/>', {type: 'hidden', name: 'test1', value: 'data1'})) .append($('<input/>', {type: 'hidden', name: 'test2', value: 'data2'})); $('body').append(form); form.submit();
- 作者: David Flanagan,村上列
- 出版社/メーカー: オライリージャパン
- 発売日: 2012/08/10
- メディア: 大型本
- 購入: 12人 クリック: 252回
- この商品を含むブログ (13件) を見る
- 作者: たにぐちまこと
- 出版社/メーカー: マイナビ
- 発売日: 2012/03/24
- メディア: 単行本(ソフトカバー)
- 購入: 1人 クリック: 52回
- この商品を含むブログ (3件) を見る
Web制作の現場で使う jQueryデザイン入門 (WEB PROFESSIONAL)
- 作者: 西畑一馬
- 出版社/メーカー: アスキー・メディアワークス
- 発売日: 2010/02/12
- メディア: 大型本
- 購入: 27人 クリック: 1,467回
- この商品を含むブログ (47件) を見る
Web制作の現場で使うjQueryデザイン入門[改訂新版] (WEB PROFESSIONAL)
- 作者: 西畑一馬
- 出版社/メーカー: アスキー・メディアワークス
- 発売日: 2013/03/07
- メディア: 大型本
- クリック: 4回
- この商品を含むブログ (2件) を見る
- 作者: 山田祥寛
- 出版社/メーカー: 翔泳社
- 発売日: 2011/06/25
- メディア: 大型本
- 購入: 6人 クリック: 57回
- この商品を含むブログ (7件) を見る