最近ajaxFormを使っているので、後で復習できるように使い方をメモしておきます。 1、依存関係スクリプトを導入します javascript</a>" src="/js/<a href="//m.sbmmt.com/wiki/1495.html" target="_blank">jquery</a>/jquery.form.js"></ script> //ajaxForm は script<br></span></strong></p> <p><strong><span style="font-size:12px"><script type="text/javascript" src="/js/jquery/jquery-1.8.0.min.js"> 2 方法使用するには < ;/form> </span></strong></p> <p><strong>var ajax_option={<span style="font-size:12px"></span></strong></p> <p><strong>url:"login", //デフォルトフォーム<span style="font-size:12px"> action<a href="//m.sbmmt.com/java/java-Action.html" target="_blank"></a></span></strong></p> <p><strong>success:function(data){<span style="font-size:12px"></span></strong></p> <p><strong>}<span style="font-size:12px"></span></strong></p> <p><strong>$('#testForm').ajaxSubmit(ajax_option);<span style="font-size:12px"> </span></strong></p> <p><strong> }<span style="font-size:12px"></span> </strong></p> <p><strong> <span style="font-size:12px"> </span>3 ajaxSubmit と ajaxForm の違い</strong></p> <p><strong><span style="font-size:12px"><br></span>ajaxForm はフォームを送信できません。 </strong>document</p>のready<p>関数<strong>で、ajaxFormを使用してフォームのAJAX送信の準備をします。送信アクションは submit で始まる必要があります <span style="font-size:12px"></span></strong></p> <p><strong><span style="font-size:12px"></span></strong></p> <p>ajaxSubmit <strong> フォームは AJAX によってすぐに送信されます。いかなる状況でもこの提出を行うことができます。 <span style="font-size:12px"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"><a href="//m.sbmmt.com/code/658.html" target="_blank"></a><a href="//m.sbmmt.com/wiki/145.html" target="_blank"></a></span><br></span></strong>4</p> <p><span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"><span style="font-weight:bold"><p><span style="font-family:Helvetica,Tahoma,Arial,sans-serif; font-size:12px"><span style="line-height:25.1875px"><strong><span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px">option のパラメータ </span><br><span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px">var options = { </span><br><span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"> target: '#output1', // サーバー応答で更新されるターゲット要素 </span><br><span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"> <a href="//m.sbmmt.com/java/java-Before.html" target="_blank">送信前: showRequest, //送信前コールバック </a></span><br> success: showResponse // 送信後コールバック <span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"></span><br> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"></span><br> // その他の利用可能なオプション: <span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"></span><br> //url: url // フォームの「action」属性をオーバーライドします <span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"></span><br> // type: type // 'get' または 'post'、フォームの 'method' 属性をオーバーライドします <span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"></span><br> //dataType: null // 'xml'、'script'、または 'json' (予期されるサーバー応答タイプ) <span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"></span> <br> //clearForm: true // 送信成功後にすべてのフォームフィールドをクリアします <span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"></span><br> //resetForm: true // 送信成功後にフォームをリセットします <span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"></span><br> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"></span><br> // $.ajaxここでもオプションを使用できます。例: <span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"></span><br> //タイムアウト: 3000 <span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"></span><br> }; <span style="font-family:Helvetica,Tahoma,Arial,sans-serif; line-height:25.1875px"></span><br><br></strong></span></span></p> <p><strong><span style="font-size:12px"><br></span></strong></p> <p><strong><span style="font-size:12px"><br></span></strong></p></span></span></p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
