Ajax フレームワークは、Ajax 関数のモジュール実装を提供するコレクションです。Ajax フレームワークはさまざまな言語で実装できます (たとえば、Ajax は jquery の一部にすぎません)。 >例 1 コードをコピー コードは次のとおりです。 $.ajax({ type:'post',/ /オプション get url:'action.php',//これはデータを受け取る PHP プログラムです data:'data='dsa',//渡されたデータPHP では、複数のパラメーターが & dataType:'text' で接続されます。//サーバーから返されるデータ型は、XML、Json jsonp スクリプト HTML テキストなどです。 success:function(msg){ //これは、ajax 送信が成功した後の PHP プログラムです。返されたデータ処理関数は msg で、データ型は dataType パラメーターで定義されています。 ){ Ajax 送信失敗処理関数! >}) PHP action.php コードをコピー コードは次のとおりです。 echo 'www.jb51.net!' ?> 以下は、更新なしの jquery ajax ユーザー ログインの例です 例 2 コードをコピー コードは次のとおりです: <u></head> ;script src="./js/jquery.js" type=" text/javascript"></script> </u><script type="text/javascript"> </a>$(ドキュメント) ready(function(){//これは jQueryready です。C のようなものです。メイン言語のすべての操作が含まれています。</span>$("#button_login").mousedown(function(){ </div>login(); //ID が「button_login」のボタンをクリックすると、関数 login() がトリガーされます。<div class="codebody" id="code10594">}); var username = $("#username").val();//ボックスのユーザー名を取得します<br>varpassword = $("#password").val();//ボックスのパスワードを取得します<br> $.ajax({ //Ajax プロセス<br>type: "post", //ポスト モードでバックエンドと通信します<br>url: "login.php", //この PHP ページと通信します<br>dataType :'json', //php から返される値は JSON モードで解釈されます<br>data : 'username=' username '&password='password, //php に送信されるデータは 2 つの項目、つまり u と p が渡されます上記 <br>success: function(json){//php への呼び出しが成功した場合<br>//alert(json.username 'n' json.password); // 戻り値 (json.username) を警告します。 php <br>$('#result').html("Name:" json .username "<br/>Password:" json.password); // 事前に定義された結果ロケーターの位置に php の戻り値を表示します。 <BR>} <BR>}); <BR>//$ .post() メソッド: <BR>$('#test_post').mousedown(function (){ <BR>$.post( <BR>' login.php', <BR>{ <BR>ユーザー名:$( '#username').val(), <BR>パスワード:$('#password').val() <BR>}, <BR> function (data) //関数を返します <BR>{ <BR> var myjson=''; <BR>eval('myjson=' data ';'); <BR>$('#result');名前 1:" myjson.username "<br/>パスワード 1:" myjson.password); <BR>} <BR>); <BR>}); <BR>//$.get() メソッド: <BR>$('#test_get').mousedown(function ( ) <BR>{ <BR>$.get( <BR>'login.php', <BR>{ <BR>ユーザー名:$('#ユーザー名').val(), <BR>password:$(' #password').val() <BR>}, <BR>function(data) //関数を返します <BR>{ <BR>var myjson=' '; <BR>eval("myjson=" データ "; "); <BR>$('#result').html("名前 2:" myjson.ユーザー名 "<br/>パスワード 2:" myjson .password); <BR>}); <BR><BR><div id="結果" スタイル="background:orange;border:1px red red;width: 300px;height:200px;"></div> <br><form id="formtest" action="" method="post"> <br><p><span>名前を入力:</span><input type="text" name="username" id="username" /></p> p<span>パスワードを入力:<input type="text" name="password" id="password" /><br></form> ><button id="button_login">ajax submit</button> <br><button id="test_post">post submit</button> <br><button id="test_get"> submit</button> <br></body> <br><br><br> <br>php コード<br><br><br><br> <br>コードをコピー<br><br> <br> コードは次のとおりです: <br><br> <br><?php <BR>echo json_encode(array ('username'=>$_REQUEST[ 'ユーザー名'],'パスワード'=>$_REQUEST[ 'パスワード'])); <br>?><br>jquery ajax を使用する利点と欠点の分析 <br><br>利点 <br>小さく、圧縮コードは 20k 以上しかありません (非圧縮コードは 94k)。 <br> セレクターと DOM 操作の利便性: jQuery のセレクターと mootools の Element.Selectors.js、CSS セレクター、XPath セレクター (1.2 以降削除) <br> チェーン: 常に jQuery オブジェクトを返し、継続的に操作できます。 <br>ドキュメントは完全で使いやすく (各 API には完全な例があり、これは他のフレームワークにはないものです)、インターネット上には他にも多くのドキュメントや書籍があります。 <br>Google コードでも jQuery が使用されるなど、広く使用されています。 <br><br>jQuery を使用するサイト: http://docs.jquery.com/Sites_Using_jQuery <br>コア開発チームとコア担当者: John Resig など。 <br>簡潔で短い構文なので、覚えやすいです。 <br>拡張性: ユーザーが開発した多数のプラグインが利用可能 (http://jquery.com/plugins/) <br>jQuery UI (http://jquery.com/plugins/、jQuery ベース)ただし、Core jQuery は独立しています）、常に開発されています。 <br>フレンドリーでアクティブなコミュニティ: Google グループ: http://docs.jquery.com/Discussion <br>単一の addEvent などの代わりに、click などのイベント処理に便利なメソッドが多数あります。 <br><br><strong>デメリット</strong> <br>効率性とシンプルさを追求する設計思想のため、オブジェクト指向の拡張はありません。 Mootoolsとは設計思想が異なります。 <br>CSS セレクターは少し遅いです (ただし、速度は大幅に改善されました)</div>
