ホームページ >ウェブフロントエンド >jsチュートリアル >Ajax処理PHPがJSONデータを返す例 code_json

Ajax処理PHPがJSONデータを返す例 code_json

WBOY
WBOYオリジナル
2016-05-16 17:43:041231ブラウズ

test.html

复制代码代码如下:

をクリック
関数 ajax_init()
{
var ajax=false;
try {
ajax = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
ajax = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
ajax = false;
}
}
if (!ajax && typeof XMLHttpRequest!='未定義') {
ajax = new XMLHttpRequest();
}
ajax を返します。
}
関数 post_data()
{
var url = "/server/xml.php";
var show_check = document.getElementById("show_check");
var show_flag = document.getElementById("show_flag");
var ajax = ajax_init();
ajax.open("GET", url, true);
//var img = "";
ajax.onreadystatechange = function()
{
if (ajax.readyState == 4 && ajax.status == 200)
{
var ret = ajax.responseText;
var show_info = eval(ret);
show_check.innerHTML = show_info[0].no1; // bsd
show_flag.innerHTML = show_info[0].no2; // wuddy
//alert("responseXML の値: " info[0].firstChild.data);
}
/*else
{
show.innerHTML = img;
}*/
}
ajax.send(null);
}

json.php
复制代码代码如下:

/* 边如果写成 $info = array('no1'=>'bsd', 'no2'=>'wuddy', 'no3'=>'xie '); */
/* 同样要把html文件中に必須 var show_info = eval('[' ret ']'); 都是返一个对象 */
$info = array(array('no1'=>'bsd', 'no2'=>'wuddy', 'no3'=>'xie'));
$userinfo = json_encode($info);
echo $userinfo;
?>
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。