在做網(wǎng)站的過(guò)程中，往往需要用到JS與動(dòng)態(tài)程序進(jìn)行數據通信，這個(gè)例子以PHP為例，通過(guò)AJAX進(jìn)行數據處理。能夠實(shí)現無(wú)刷新提交、處理數據的效果。演示代碼如下：

PHP代碼：

<?php
Echo array(“id”=>array(“title”=>’標題1’,”name”=>’名字1’), “id”=>array(“title”=>’標題2’,”name”=>’名字2’));
?>

JS代碼：

function useAajax (id)
{
  $.ajax({
//獲取JSON數據
                            type: "POST",
                            url:  "/test.PHP",
                            data: {id:id},
                            dataType: 'json',
                            success: function(data){
                                     var op='';
//循環(huán)輸出JSON數據
      for(var o in data){ 
                                                 op +=    '<option value ="/'+data[o].name +  ">'+data[o].title+'</option>';
        } 
//把輸出的數據寫(xiě)入HTML
document.getElementById("list").innerHTML = '<select name="ty"  id="selectUrl"  onchange="getUrl()">'+ op +'</select>';                                                                                   
                                   }
                                                       
   });                                                                        
}

顯示結果的頁(yè)面代碼(HTML)：

<div id=” list”></div>