AjaxSubmit() を使用してファイルを送信する方法-jsチュートリアル-php.cn

AjaxSubmit() を使用してファイルを送信する方法

php中世界最好的语言

リリース： 2018-04-02 14:08:56

オリジナル

2332 人が閲覧しました

今回は、AjaxSubmit() を使用して file ファイルを送信する方法と、AjaxSubmit() を使用して file ファイルを送信する際の

注意事項について説明します。実際のケースを見てみましょう。

以前にインターネットでさまざまなメソッドを調べました。ファイルを送信したい場合は、戻り値を受け取ることもできる必要があります。 ajaxSubmit() メソッドを使用することをお勧めします。

インターネット上の推奨事項のほとんどは次のようなものです:

$("#formId").submit(
  $(this).ajaxSubmit({
    url:...,
    type:...,
    success:function(){
    ...
    }
  });
  return false;//阻止自动提交
);

ログイン後にコピー

しかし、実際に使用してみると、初回は 1 回のリクエスト、2 回目では 2 回のリクエストというように、複数の送信があることがわかります。そして ajaxSubmit() 自体が submit() 関数を持っているので、これを行う必要はありません。単に使用してください:

var opt = {
  type:'post',            
  datatype:'json',
  url:'../../../rybmanagement/upLoadFile',            
  success: function(data) {
  ...
  }
};
$("#formId").ajaxSubmit(opt);//相当于from.submit()

ログイン後にコピー

ファイルを導入します:

<script src="jquery-form.js" type="text/javascript"></script>
<script src="../../js/jquery-2.1.1.min.js"></script>

ログイン後にコピー

この記事の事例を読んだ後、あなたはメソッドをマスターしたと思います。さらにエキサイティングな内容については、php 中国語 Web サイトのその他の関連記事に注目してください。

推奨読書:

Blodを使用してAjaxプログレスバーをダウンロードする

Ajax+jsonを使用してショッピングカート決済を実装する

🎜

以上がAjaxSubmit() を使用してファイルを送信する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。