ajax を使用してフォームを非同期に送信するためのいくつかの方法のまとめ

ここで、ajax を使用してフォームを非同期に送信するいくつかの方法の概要を説明します。今からそれを皆さんと共有し、皆さんの参考にしてください。

一般的に使用される 3 つの送信方法を次に示します

方法 1

すべてのユーザー入力を手動で収集し、それを大きな「k1=v1&k2=v2...」キーと値のペアの形式にカプセル化します。 $ .post(url, data,fn) を使用してサーバーにデータを送信します

$.ajax({ 
    type:'post',   
    url:'Notice_noTipsNotice', 
    data:'k1=v1&k2=v2...', 
    cache:false, 
    dataType:'json', 
    success:function(data){ 
    } 
  });

方法 2

单序列化：$('#myform').serialize( ); 其返回值就是“k1=v1&k2=v2...”键值对形式，再发起异步请求即可。
function noTips(){ 
  var formParam = $("#form1").serialize();//序列化表格内容为字符串 
  $.ajax({ 
    type:'post',   
    url:'Notice_noTipsNotice', 
    data:formParam, 
    cache:false, 
    dataType:'json', 
    success:function(data){ 
    } 
  }); 
}

方法 3

jQuery Form プラグインが提供する ajaxSubmit() 関数を使用します。 in

$('#myform').ajaxSubmit({
type: 'GET/POST',
url: 'xx.php',
dataType: 'json',
success: fn,
clearForm: true,
resetForm: true
}); 
//此函数会自动把选定的表单进行序列化并异步提交

上記は私です。皆さんのためにまとめました。今後皆さんのお役に立てれば幸いです。

関連記事:

AJAXリクエストの配列問題の解決方法

Ajaxリクエストとフィルタ連携事例分析

Ajaxキャッシュを解決する5つの方法まとめ

以上がajax を使用してフォームを非同期に送信するためのいくつかの方法のまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。