1. ホーム
  2. javascript

[解決済み] jQuery AJAX送信フォーム

2022-03-17 23:14:52

質問

という名前のフォームがあります。 orderproductForm で、入力の数は不定です。

jQuery.getとかajaxとか、Ajaxでページを呼び出して、フォームの全入力を送信するようなことをしたいのですが orderproductForm .

というような方法もあると思います。

jQuery.get("myurl",
          {action : document.orderproductForm.action.value,
           cartproductid : document.orderproductForm.cartproductid.value,
           productid : document.orderproductForm.productid.value,
           ...

しかし、私はすべてのフォーム入力を正確に知っているわけではありません。すべてのフォーム入力を送信するような機能、関数、または何かがあるのでしょうか?

解決方法は?

ajaxForm/ajaxSubmitの関数は、以下のサイトから利用できます。 Ajax Form プラグイン またはjQueryのserialize関数を使用します。

AjaxForm :

$("#theForm").ajaxForm({url: 'server.php', type: 'post'})

または

$("#theForm").ajaxSubmit({url: 'server.php', type: 'post'})

ajaxFormは送信ボタンが押されると送信します。ajaxSubmitはすぐに送信します。

シリアライズ :

$.get('server.php?' + $('#theForm').serialize())

$.post('server.php', $('#theForm').serialize())

AJAXシリアライゼーションに関するドキュメントはこちら .