jQuery/Ajax/PHP/Json_PHP チュートリアルの包括的な例

jQuery は、js の優れたパッケージ化と多くの便利な機能を提供する優れた Javascript フレームワークです。 jQuery の ajax のパッケージ化も優れています。

jQuery は、json ファイル転送プロトコル (xml に似ており、xml を置き換える傾向にあります) を使用してデータを送信でき、Web サイトのバックエンド コードをそれと組み合わせて使用​​する必要があります。 PHP は json_encode 関数を使用して、返された配列データをエンコードしますが、この関数は PHP バージョン 5.2 以降でのみサポートされます。

インターネットからjson操作クラスを見つけて、PHP4.4.7バージョンでテストしました。コードを PHP5.2 以降と互換性のあるものにするために、関数 function my_json_encode($phparr) も構築しました。

サンプルコード (json クラス パッケージ ソフトウェアを含む) は、次の URL からダウンロードできます: http://www.BkJia.com/uploadfile/2012/0221/20120221090101730.rar


以下は完全なコードです:


<スクリプト言語="javascript" src="../lib/jquery.js"> <スクリプト言語="javascript">
$(ドキュメント).ready(関数()
{
$('#send_ajax').click(function(){
var params=$('input').serialize(); // フォームの値をシリアル化します
$.ajax({
url:'ajax_json.php', //バックグラウンド処理プログラム
タイプ： 'post'、。 dataType:'json', //データ形式を受け入れます
Data:params, //転送されるデータ
Success:update_page //Return 関数 (ここに関数名があります)
}); });
//$.post() メソッド:
$('#test_post').click(function (){
$.post(
「ajax_json.php」、
                                                              ユーザー名:$('#input1').val(),
年齢:$('#input2').val()、
性別:$('#input3').val(),
ジョブ:$('#input4').val()
}、
関数 (データ) //戻り関数
                                                              var myjson=''; eval('myjson=' + データ + ';'); $('#result').html("名前:" + myjson.username + "
ジョブ:" + myjson['job']); }
);
});
//$.get() メソッド:
$('#test_get').click(function ()
{
$.get(
「ajax_json.php」、
                                                              ユーザー名:$("#input1").val(),
年齢:$("#input2").val()、
性別:$("#input3").val(),
ジョブ:$("#input4").val()
}、
Function(data) //関数を返す
                                                              var myjson=''; eval("myjson=" + データ + ";"); $("#result").html(myjson.job); }
);
}); });
function update_page (json) //関数エンティティを返します。パラメータは XMLhttpRequest.responseText です
{
var str="名前:"+json.ユーザー名+"
";str+="年龄:"+json.age+"
"; 
str+="性别:"+json.sex+"
"; 
str+="工作:"+json.job+"
"; 
str+="追加测试:"+json.append; 
$("#result").html(str); 
}