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); 
}
 
 
 

 

 
   

输入姓名:

 
   

输入年龄:

 
   

入力性别:

 
   

输入工作:

 
 
提交 
POST提交 
GET提交 
 
 
 
 
 
PHP ファイル ajax_json.php：
 
//$arr = $_POST; //若以$.get() 方式でデータを送信し、$_GET に変更する必要があります。または乾燥した:$_REQUEST
$arr = $_REQUEST; 
$arr['append'] = '测试字符串'; 
//print_r($arr);  
$myjson = my_json_encode($arr); 
$myjson をエコーし​​ます。 
 
関数 my_json_encode($phparr)
{
    if(function_exists("json_encode"))
    {
      json_encode($phparr)を返します; 
    }
    その他
    {
      require_once 'json/json.class.php'; 
      $json = 新しいサービス_JSON; 
      return $json->encode($phparr); 
    }
}
?> 

摘自chaojie2009的专栏

http://www.bkjia.com/PHPjc/478373.htmlwww.bkjia.comtru​​ehttp://www.bkjia.com/PHPjc/478373.html技術記事 jQuery は、js に対して優れたパッケージを実行し、多くの便利な機能を提供する優れた Javascript フレームです。jQuery は、ajax のパッケージとしても非常に優れています。