ホームページ > 記事 > ウェブフロントエンド > JqueryでのajaxSubmitの使い方の解説
最近ajaxFormを使っているので、後で復習できるように使い方をメモしておきます。
1、依存関係スクリプトを導入します
2 方法使用するには
< ;/form>
var ajax_option={
url:"login", //デフォルトフォーム action
success:function(data){
}
$('#testForm').ajaxSubmit(ajax_option);
}
3 ajaxSubmit と ajaxForm の違い
ajaxForm はフォームを送信できません。 document
関数で、ajaxFormを使用してフォームのAJAX送信の準備をします。送信アクションは submit で始まる必要があります
ajaxSubmit フォームは AJAX によってすぐに送信されます。いかなる状況でもこの提出を行うことができます。
4
option のパラメータ
var options = {
target: '#output1', // サーバー応答で更新されるターゲット要素
送信前: showRequest, //送信前コールバック
success: showResponse // 送信後コールバック
// その他の利用可能なオプション:
//url: url // フォームの「action」属性をオーバーライドします
// type: type // 'get' または 'post'、フォームの 'method' 属性をオーバーライドします
//dataType: null // 'xml'、'script'、または 'json' (予期されるサーバー応答タイプ)
//clearForm: true // 送信成功後にすべてのフォームフィールドをクリアします
//resetForm: true // 送信成功後にフォームをリセットします
// $.ajaxここでもオプションを使用できます。例:
//タイムアウト: 3000
};
以上がJqueryでのajaxSubmitの使い方の解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。