這篇文章主要介紹了Ajax如何傳遞JSON，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)公司-成都網(wǎng)站建設(shè)公司，專注成都做網(wǎng)站、網(wǎng)站制作、網(wǎng)站營(yíng)銷推廣，空間域名，網(wǎng)頁(yè)空間，網(wǎng)站托管、服務(wù)器托管有關(guān)企業(yè)網(wǎng)站制作方案、改版、費(fèi)用等問(wèn)題，請(qǐng)聯(lián)系創(chuàng)新互聯(lián)公司。

前面的話

雖然ajax全稱是asynchronous javascript and XML。但目前使用ajax技術(shù)時(shí)，傳遞JSON已經(jīng)成為事實(shí)上的標(biāo)準(zhǔn)。因?yàn)橄噍^于XML而言，JSON簡(jiǎn)單且方便。本文將上一篇中的實(shí)例進(jìn)行改寫，以JSON的方式來(lái)進(jìn)行數(shù)據(jù)傳遞

前端頁(yè)面

員工查詢
  
請(qǐng)輸入員工編號(hào):

查詢

員工創(chuàng)建

  請(qǐng)輸入員工姓名：
  

  請(qǐng)輸入員工編號(hào)：
  

  請(qǐng)輸入員工性別：
  
  男
  女
  

  請(qǐng)輸入員工職位：
  

  保存  

后端頁(yè)面

"洪七","number"=>"101","sex"=>"男","job"=>'總經(jīng)理'),
  array("name"=>"郭靖","number"=>"102","sex"=>"男","job"=>'開(kāi)發(fā)工程師'),
  array("name"=>"黃蓉","number"=>"103","sex"=>"女","job"=>'產(chǎn)品經(jīng)理')
  );
//判斷如果是get請(qǐng)求，則進(jìn)行搜索；如果是POST請(qǐng)求，則進(jìn)行新建
//$_SERVER["REQUEST_METHOD"]返回訪問(wèn)頁(yè)面使用的請(qǐng)求方法
if($_SERVER["REQUEST_METHOD"] == "GET"){
  search();
}else if($_SERVER["REQUEST_METHOD"] == "POST"){
  create();
}
//通過(guò)員工編號(hào)搜索員工
function search(){
  //檢查是否有員工編號(hào)的參數(shù)
  //isset檢測(cè)變量是否設(shè)置；empty判斷值是否為空
  if(!isset($_GET['number']) || empty($_GET['number'])){
    echo '{"success":false,"msg":"參數(shù)錯(cuò)誤"}';
    return;
  }
  global $staff;
  $number = test_input($_GET['number']);
  $result = '{"success":false,"msg":"沒(méi)有找到員工"}';
  //遍歷$staff多維數(shù)組，查找key值為number的員工是否存在。如果存在，則修改返回結(jié)果
  foreach($staff as $value){
    if($value['number'] == $number){
      $result = '{"success":true,"msg":"找到員工：?jiǎn)T工編號(hào)為' .$value["number"] .'，員工姓名為' .$value["name"] .'，員工性別為' .$value["sex"] .'，員工職位為' .$value["job"] .'"}';
      break;
    }
  }
  echo $result;
}
//創(chuàng)建員工
function create(){
  //判斷信息是否填寫完全
  if(!isset($_POST['name']) || empty($_POST['name']) || 
    !isset($_POST['number']) || empty($_POST['number']) ||
    !isset($_POST['sex']) || empty($_POST['sex']) ||
    !isset($_POST['job']) || empty($_POST['job']) 
    ){
    echo '{"success":false,"msg":"參數(shù)錯(cuò)誤，員工信息填寫不全"}';
    return;
  }
  echo '{"success":true,"msg":"員工' .test_input($_POST['name']) .'信息保存成功!"}';
}
?>

實(shí)例演示

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“Ajax如何傳遞JSON”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!