jqueryajaxフォームの送信が機能していません

それが判明しました

これは私のhtmlフォームです

<form id="contactForm1" method="POST" action="downloadfile">
   <input id="tesst" name="tesst" type="hidden" value="<?php echo $val['file_name'];?>"/>
   <div id="download" class="btn btn-danger">Download</div>
</form>

そしてこれがJquery関数です

var frm = $('#contactForm1');
              frm.submit(function(ev) {
                 $.ajax({
                   type: frm.attr('method'),
                   url: frm.attr('action'),
                   data: frm.serialize(),
                   success: function(data) {
                      alert('ok');
                   }
                  });
                 ev.preventDefault();
              });

Jqueryについてはよくわかりません。

誰かがこれで私を助けることができますか?

ありがとう。

スポーク

あなたの問題を解決する2つの方法があります

  1. div(ダウンロードボタン)をボタンに変更し、input submitスクリプトをそのままにします
  2. 送信イベントが発生したときではなく、divがクリックされたときに実行するように関数を変更します(送信は送信ボタンによってのみ発生するためです)

例:http//jsfiddle.net/Spokey/bNa7d/

var frm = $('#contactForm1');
$('#download').click(function (ev) {
    $.ajax({
        type: frm.attr('method'),
        url: frm.attr('action'),
        data: frm.serialize(),
        success: function (data) {
            alert('ok' + data);
        }
    });
});

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

WordPressのajaxフォームの送信が機能していませんか?

分類Dev

フォームの検証が機能していません

分類Dev

$ _POSTがajaxフォーム送信で機能していませんか?

分類Dev

フォーム送信ボタンが機能していませんか?

分類Dev

PHP ajax送信フォーム.reset()が機能していません

分類Dev

コードが機能していません-フォームが送信されていません

分類Dev

Jqueryフォームの送信が機能しませんか?

分類Dev

フォームの送信が機能しませんか?

分類Dev

Ajaxフォームの送信が機能しませんか?

分類Dev

issetがフォーム送信で機能していません(実際にはdbの問題でした)

分類Dev

フォームの送信がSafariブラウザで機能していませんか?

分類Dev

フォームの検証が機能していません。検証されずに送信された場合

分類Dev

Javascriptフォームの送信が機能していません。どうなり得るか?

分類Dev

フォームを送信しましたが、mysqlクエリが正しく機能していません

分類Dev

フォーム「投稿」が機能していません

分類Dev

jquery $ .ajaxが機能していません。フォーム投稿

分類Dev

onkeypressがフォームで機能していません

分類Dev

Jqueryフォームの検証が正しく機能していません

分類Dev

phpフォームの送信後、jqueryajaxリクエストが新しいタブで応答しません

分類Dev

ASP MVC jQuery検証はフォーカスアウトで機能していますが、フォーム送信では機能していません

分類Dev

phplaravelフォームのデザインが機能していません

分類Dev

.classNameがフォームの検証に機能していません

分類Dev

フォームの検証「必須」が機能していません

分類Dev

serialize()が私のフォームで機能していません

分類Dev

フォーム全体のバインドが機能していません

分類Dev

フォーム全体のバインドが機能していません

分類Dev

Jqueryフォームの検証が機能していませんか?

分類Dev

フォームの検証が角度で機能していませんか?

分類Dev

Angular4フォームの検証が機能していません

Related 関連記事

  1. 1

    WordPressのajaxフォームの送信が機能していませんか?

  2. 2

    フォームの検証が機能していません

  3. 3

    $ _POSTがajaxフォーム送信で機能していませんか?

  4. 4

    フォーム送信ボタンが機能していませんか?

  5. 5

    PHP ajax送信フォーム.reset()が機能していません

  6. 6

    コードが機能していません-フォームが送信されていません

  7. 7

    Jqueryフォームの送信が機能しませんか?

  8. 8

    フォームの送信が機能しませんか?

  9. 9

    Ajaxフォームの送信が機能しませんか?

  10. 10

    issetがフォーム送信で機能していません(実際にはdbの問題でした)

  11. 11

    フォームの送信がSafariブラウザで機能していませんか?

  12. 12

    フォームの検証が機能していません。検証されずに送信された場合

  13. 13

    Javascriptフォームの送信が機能していません。どうなり得るか?

  14. 14

    フォームを送信しましたが、mysqlクエリが正しく機能していません

  15. 15

    フォーム「投稿」が機能していません

  16. 16

    jquery $ .ajaxが機能していません。フォーム投稿

  17. 17

    onkeypressがフォームで機能していません

  18. 18

    Jqueryフォームの検証が正しく機能していません

  19. 19

    phpフォームの送信後、jqueryajaxリクエストが新しいタブで応答しません

  20. 20

    ASP MVC jQuery検証はフォーカスアウトで機能していますが、フォーム送信では機能していません

  21. 21

    phplaravelフォームのデザインが機能していません

  22. 22

    .classNameがフォームの検証に機能していません

  23. 23

    フォームの検証「必須」が機能していません

  24. 24

    serialize()が私のフォームで機能していません

  25. 25

    フォーム全体のバインドが機能していません

  26. 26

    フォーム全体のバインドが機能していません

  27. 27

    Jqueryフォームの検証が機能していませんか?

  28. 28

    フォームの検証が角度で機能していませんか?

  29. 29

    Angular4フォームの検証が機能していません

ホットタグ

アーカイブ