ホームページ >ウェブフロントエンド >jsチュートリアル >jQueryでのAjaxSubmitの使い方を解説

jQueryでのAjaxSubmitの使い方を解説

巴扎黑
巴扎黑オリジナル
2017-07-03 10:48:121448ブラウズ

私は最近よく ajaxform を使用しています。ajax についての知識を記録しました。jquery に送信してください。とても良いです。最近 ajaxForm を使用したので、後で参照できるようにその使い方を書き留めておきます。

1、依存関係スクリプトを紹介する

<script type="text/javascript" src="/js/jquery/jquery.form.js"></script> //ajaxForm 依赖脚本
<script type="text/javascript" src="/js/jquery/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="/js/jquery/jquery.easyui.min.js"></script>
2を使用する方法
document

のready関数で、ajaxFormを使用してフォームのAJAX送信の準備をします。送信アクションは submit で始まる必要があります

ajaxSubmit フォームは AJAX によってすぐに送信されます。いかなる状況でもこの提出を行うことができます。

4 つのオプション パラメーター

<form name="testForm" id="testForm" >
<input type="button" value="submit"/>
</form>
<script type="text/javascript">
var ajax_option={
url:"login",//默认是form action
success:function(data){
}
$(&#39;#testForm&#39;).ajaxSubmit(ajax_option);
}
</script>
//注意$("#testForm") 引号中名称必须要和form元素id值要保持一致

上記は、jQuery での AjaxSubmit の使用方法についてのエディターの紹介です。ご質問があれば、エディターにメッセージを残してください。全員にすぐに返信します。スクリプト ハウス Web サイトをサポートしてくださった皆様にも感謝いたします。

以上がjQueryでのAjaxSubmitの使い方を解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。