HTML文件內(nèi)容
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="text" name="number" id="number" value="" />
<p id="info"></p>
<input type="button" name="" id="btn" value="查詢" />
<script type="text/javascript">
var btn = document.getElementById("btn");
var numbers = document.getElementById("number");
var info = document.getElementById("info");
//動態(tài)創(chuàng)建 script標(biāo)簽 并且設(shè)置獲取數(shù)據(jù)的地址 發(fā)送參數(shù) 設(shè)置執(zhí)行回調(diào)函數(shù) 插入到body里面
btn.onclick=function(){
var value = numbers.value;
var script = document.createElement("script");
script.src = "http://10.80.1.23/PHP/ajax/logistics/logistics.php?kuaidi_id="+value+"&callback=show";
document.body.appendChild(script);
}
//回調(diào)函數(shù)
function show(val){
info.innerText ="姓名:" + val.info + " 狀態(tài):" + val.status;
}
</script>
</body>
</html>
php文件內(nèi)容
<?php
$kuaidi = array();
$kuaidi["1000"] = array(
"info" => '王小三的快遞',
'status' => '配送中',
);
$kuaidi["1001"] = array(
"info" => '王三的快遞',
'status' => '配送中',
);
$kuaidi["1002"] = array(
"info" => '張三的快遞',
'status' => '已配送',
);
/* * 傳送方式 GET
* 參數(shù) kuaidi_id 需要查詢的快遞單號
* callback 回調(diào)函數(shù)名
* */
if(!empty($_GET["kuaidi_id"])){
//如果沒有傳毀掉函數(shù)
if(empty($_GET["callback"])){
echo json_encode($kuaidi[$_GET["kuaidi_id"]]);
}else{
//如果有回調(diào)函數(shù) 那么輸出 jsonp
echo $_GET["callback"]."(".json_encode($kuaidi[$_GET["kuaidi_id"]]).")";
}
}
?>
