1. ホーム
  2. javascript

[解決済み] form.submitのレスポンスを取得する方法

2022-04-28 18:57:21

質問

次のようなコードがあります。

<script type="text/javascript">
        function SubmitForm()
        {

            form1.submit();
        }

        function ShowResponse()
        {

        }
</script>
.
.
.
<div>
    <a href="#" onclick="SubmitForm();">Click</a>
</div>

のhtmlレスポンスをキャプチャしたい。 form1.submit ? どうすればいいですか?form1.submit メソッドに任意のコールバック関数を登録できますか?

解決方法を教えてください。

プレーンなjavascriptでは簡単にできないでしょう。フォームを投稿すると、フォームの入力内容がサーバーに送信され、ページが更新されます - データはサーバー側で処理されます。つまり submit() 関数は実際には何も返さず、フォームのデータをサーバーに送信するだけです。

もし本当にJavascriptで(ページを更新することなく)レスポンスを取得したかったら、AJAXを使う必要があり、AJAXを使うという話を始めると 必要 を使用し、ライブラリを使用します。 jQuery は圧倒的に人気があり、私も個人的に好きです。jQueryのプラグインに フォーム これは、まさにあなたが望むようなことをやってくれます。

jQueryとそのプラグインの使い方はこうだ。

$('#myForm')
    .ajaxForm({
        url : 'myscript.php', // or whatever
        dataType : 'json',
        success : function (response) {
            alert("The server says: " + response);
        }
    })
;