ajaxSubmit(obj)メソッドはjQueryのプラグインであるjquery.form.jsのメソッドであるため、このメソッドを使用するにはまずこのプラグインを導入する必要があります。以下に示すように: コードをコピー コードは次のとおりです: <BR><BR><スクリプト src="http://malsup.github.io/jquery.form.js"> ;< /script></div> <p> </p>では、ajaxSubmit(obj) を通じてデータを送信するにはどうすればよいでしょうか?まずフォームが必要です: <p> <br>XHTML</p> <div class="codetitle"><span><a style="CURSOR: pointer" data="96521" class="copybut" id="copybut96521" onclick="doCopy('code96521')"><u></u>コードをコピー</a></span></div> コードは次のとおりです:<div class="codebody" id="code96521"> <br><br><form><br> タイトル :<input type="text" name="title" /><br /><br> 内容: <textarea name="content"><textarea/><br /> <br> <button>Submit</button><br></form></div> <br><br>通常、上記はコンテンツの送信を必要とするフォームです。フォームを直接送信すると、現在のページは送信後にフォームのアクションが指すページにジャンプします。ただし、多くの場合、フォームの送信後にページがジャンプしたくない場合は、ajaxSubmit(obj) を使用してデータを送信できます。使用方法は次のとおりです。<p> </p> <div class="codetitle"><span><a style="CURSOR: pointer" data="74495" class="copybut" id="copybut74495" onclick="doCopy('code74495')"><u></u>コードをコピー</a></span></div> コードは次のとおりです。<div class="codebody" id="code74495"> <br><br>$('button').on( 'click' , function() {<br><br> $('form').on('submit', function() {<br> var title = $('inpur[name=title]').val (), <br> content = $('textarea').val();<br><br> $(this).ajaxSubmit({<br> type: 'post', // 送信メソッド get/post<br> url : 'your url', // 送信する必要がある URL<br> : function(data) { // data は送信後に返されたデータを保存します (通常は json データ) (); // をリセットします。送信後のフォーム <br> });<br> return false; // フォームがイベントを自動的に送信しないようにします<br> });<br>});<br><br><br> </div>