頂樓隔熱工程推薦,提供專業屋頂防水隔熱工程
國際化高要求管理,品質保證
防水工程中肯評論,查詢最優惠價格都幫你整理好了
瀏覽真實的評論,找出最優惠的價格

首頁  •  j2h 論壇 • 程式設計討論     • 

[php] PHP與JQUERY傳遞JSON資料

房東:小強
發表時間:2011-04-18


PHP與JQUERY傳遞JSON資料


 


今天做了測式,現在還沒用到先做一下筆記


 


PHP:需使用PHP 5.20以上版本


使用函式

json_encode [將資料編譯成json資料]

例: json_encode(資料)

PHP官方語法說明


使用函式

json_decode [將json資料編譯成php陣列]

例: json_decode(資料)

PHP官方語法說明


Jquery:測式使用方法是$.ajax({})


 


方法如下:



例:

////////PHP[檔名json.php]/////////////////////



<?

$data['name']='Apple';

$data['email']='[email protected]';

switch($_GET['active']){

case 'json':

echo json_encode($data);

break;

case 'php':

print_r($data);

break;

}

?>



/////////JQUERY//////////////////////////////



<script>

$.ajax({

type:"GET", //傳出資料方法

data:"active=json", //傳出資料

url:"json.php", //傳出資料網址

dateType:"json", //接收資料格式

error:function(){ //如果接收資料失敗

alert("AJAX ERROR!!!");

},

success:function(val){ //如果接收資料成功

for(key in val){

alert(key+"的值是:"+val[key]);

}

}

});

</script>





  • 贊助網站       

    廣利不動產-新板特區指名度最高、值得您信賴的好房仲
    您的托付,廣利用心為您服務
    廣利不動產-板橋在地生根最實在--新板特區指名度最高、值得您信賴的好房仲
    完整房訊,房屋、店面熱門精選物件,廣利不動產 優質仲介,房屋租賃、買賣資訊透明,交易真安心!

  • 1 樓住戶:阿卡
    發表時間:2011-04-18

    首先來說明一下為何要想練習使用JSON...迷之音:大家都在討論這個,應該很夯吧

    所以就來自己實作一次囉。

    大家對於JSON的格式都不陌生,所以在這就先不介紹了

    (一)、jQuery & php JSON



    函式用法可由

    php官網

    jQuery官網

    上可找到

    1)php_json.php


    <?php
    //先自行設定陣列以及對應的值
    $json=array('Name'=>'ivan','Tel'=>12345678,'Title'=>'goodman');
    //再由json_encode回覆為json讀取的格式
    echo json_encode($json);
    ?>




    可以執行php_json.php這支檔案看一下印出來的格式


    {"Name":"ivan","Tel":12345678,"Title":"goodman"}


    2)getJSON.html

    先在body建立div標籤


    <div class="result"></div>

    再來就開始編輯JQUERY囉


            <script type="text/javascript">
    $(document).ready(function(){
    $.getJSON("php_json.php", function(data){
    $('.result').html('<p>Name:'+data.Name+'</p><p>Tel:'+data.Tel+'</p><p>Title:'+data.Title+'</p>');
    })
    });
    </script>

    3)getJSON.html完整程式碼


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $.getJSON("php_json.php", function(data){
    $('.result').html('<p>Name:'+data.Name+'</p><p>Tel:'+data.Tel+'</p><p>Title:'+data.Title+'</p>');
    })
    });
    </script>
    </head>
    <body>
    <div class="result"></div>
    </body>
    </html>



    4)另外一種寫法,附上JS片段吧....


     <script type="text/javascript">
    $(document).ready(function(){
    //第一種寫法
    $.ajax({
    url:'php_json.php',
    type:'GET',
    dataType:'json',
    success: function(data) {
    $('.result').html('<p>Name:'+data.Name+'</p><p>Tel:'+data.Tel+'</p><p>Title:'+data.Title+'</p>');
    },
    error: function() {
    alert('錯誤');
    }
    });
    //第二種寫法
    // $.getJSON("php_json.php", function(data){
    // $('.result').html('<p>Name:'+data.Name+'</p><p>Tel:'+data.Tel+'</p><p>Title:'+data.Title+'</p>');
    // });
    });
    </script>

     





     共 1 人回應  選擇頁數 【第1 頁】 

    姓名:
    佈告內容:
    其他選項: