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

創新互聯公司-成都網站建設公司，專注成都做網站、網站制作、網站營銷推廣，空間域名，網頁空間，網站托管、服務器托管有關企業網站制作方案、改版、費用等問題，請聯系創新互聯公司。

前面的話

雖然ajax全稱是asynchronous javascript and XML。但目前使用ajax技術時，傳遞JSON已經成為事實上的標準。因為相較于XML而言，JSON簡單且方便。本文將上一篇中的實例進行改寫，以JSON的方式來進行數據傳遞

前端頁面

員工查詢
  
請輸入員工編號:

查詢

員工創建

  請輸入員工姓名：
  

  請輸入員工編號：
  

  請輸入員工性別：
  
  男
  女
  

  請輸入員工職位：
  

  保存  

后端頁面

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

實例演示

感謝你能夠認真閱讀完這篇文章，希望小編分享的“Ajax如何傳遞JSON”這篇文章對大家有幫助，同時也希望大家多多支持創新互聯，關注創新互聯行業資訊頻道，更多相關知識等著你來學習!

名稱欄目：Ajax如何傳遞JSON
文章URL：http://m.jcarcd.cn/article/jicoge.html