AJAX与PHP通过JSON交互数据_网络编程_奇迪科技(深圳)有限公司(www.qvdv.net)

在做网站的过程中，往往需要用到JS与动态程序进行数据通信，这个例子以PHP为例，通过AJAX进行数据处理。能够实现无刷新提交、处理数据的效果。演示代码如下：

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='';
//循环输出JSON数据
      for(var o in data){ 
                                                 op +=    '<option value ="/'+data[o].name +  ">'+data[o].title+'</option>';
        } 
//把输出的数据写入HTML
document.getElementById("list").innerHTML = '<select name="ty"  id="selectUrl"  onchange="getUrl()">'+ op +'</select>';                                                                                   
                                   }
                                                       
   });                                                                        
}

显示结果的页面代码(HTML)：

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