ホームページ > 記事 > ウェブフロントエンド > jquery での非同期フォーム送信 非同期クロスドメイン フォーム submit_jquery
jquery での非同期フォーム送信 非同期クロスドメイン フォーム submit_jquery
- WBOYオリジナル
- 2016-05-16 18:16:141314ブラウズ
1. 送信後メソッドを使用します
2. フォーム形式を構築します
3. フォームフォームの送信と連動して ajax コールバック関数を呼び出します。
jQuery を使用してフォーム コードを非同期的に送信します:
コードをコピーします コードは次のとおりです:
無題ページ ;/head>
<script> // jQuery を使用する 非同期フォーム送信<br>$('#f1').submit(function() { <br>$.ajax({ <br>url: 'ta.aspx', <br>data: $( '#f1' ).serialize()、<br>タイプ: "post"、<br>キャッシュ: false、<br>成功: function(data) <br>{alert(data);} <br>}) ; <br> 戻り値 <br>}); <br><body> > <br><input name="a1" /> <br><input name="a2" /> <br><input id="File1" type="file" name="ファイル 1" "/> <br><input id="Submit1" type="submit" value="submit" /> <br></form> <br></body> <br></ html> <br><br> <br>ドメイン間でフォームを非同期に送信するには? <br>1. スクリプトのクロスドメイン アクセス機能を使用して、フォームのデータ形式と組み合わせます。 get メソッドを使用して送信された場合、セキュリティ上の理由から、ブラウザではポストのクロスドメイン送信はサポートされていません。 <br>2. JSONP を使用してドメイン間でフォームを送信する方が良い解決策です。 <br>3. 動的プログラムをエージェントとして使用することもできます。プロキシを使用して、クロスドメイン要求を転送します。 <br>jQuery を使用して、ドメイン間でフォーム コードを非同期に送信します: <br> </div> <br><br><br>コードをコピー<br><br><br> コードは次のとおりです: <div class="codetitle"> <span> <a style="CURSOR: pointer" data="9581" class="copybut" id="copybut9581" onclick="doCopy('code9581')"> <html xmlns="http://www.w3.org/1999/xhtml"> <u><head></u><title>無題ページ</title> ;/ head> </a><script src="js/jquery-1.4.2.js"></script> <script> </div>// jQuery を使用してドメイン間でフォームを非同期に送信します <div class="codebody" id="code9581">$('#f1').submit(function() <br>{ <br>$.getJSON("ta.aspx?" $(' #f1') .serialize() "&jsoncallback=?", <br>function(data) <br>{ <br>alert(data) <br>}); ; <br> }); <br></script>
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。