index.html コードをコピー コードは次のとおりです。 >jQuery Ajax のデモ <br>$(document).ready(function(){//これは jQueryready で、C の main に似ています。操作はそれに含まれています <br>$("#button_login").mousedown(function(){ <br>login(); //ID が「button_login」のボタンをクリックした後に関数 login() がトリガーされます"; <br>} ); <br>}); <br>function login(){ //Function login(); <br>var username = $("#username").val();//Getボックス内のユーザー名<br>varpassword = $("#password").val();//ボックス内のパスワードを取得します<br>$.ajax({ //Ajax プロセス<br>type: " post", //バックエンドと通信するための 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){//If php への呼び出しが成功しました<br>//alert (json.username 'n' json.password); //php の戻り値 (json.username) を警告します <br>$('#result').html("名前:" 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:$('#password').val() <br>}, <br>function (data) //Return function<br>{ <br> var myjson=' '; <br>eval('myjson=' データ ';'); <br>$('#result').html("名前 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') .val() <br>}, <br>function(data) //関数 <br>{ <br>var myjson=''; <br>eval("myjson=" data ";" ); <br>$('#result').html("名前 2:" myjson.username "<br/>パスワード 2:" myjson.password); ) ; <br>} <br> 名前を入力してください: span> ;パスワードを入力してください: ajax submit postsubmit /button> html> login.php コードをコピー コードは次のとおりです: echo json_encode(array ('username'=>$_REQUEST['username'],'password'=>$_REQUEST['password'])); ?>