Hbuilder+MUI远程获取服务器数据显示出来

MUI前端代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<script src="js/mui.min.js"></script>
<link href="css/mui.min.css" rel="stylesheet"/>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<h1 class="mui-title">内容展示页</h1>
</header>
<div class="mui-content">
<div id="con">在这里就是我们要插入的远程数据内容(html)</div>
</div>

<script type="text/javascript">       
    /*  
     * @auth:韦小宝  
     * @weixin:8788981  
     * @qq:8788981  
     */  
    mui.init();  
    mui.post('http://localhost/ThinkPHPAPI/',{  
        nid:'1'//这里通过POST发送数据到PHP服务器用以验证  
        },function(data){  
            //服务器返回响应，根据响应结果，分析是否登录成功；          
            var d=eval(data);   //转换成javascript对象  
            var c=document.getElementById('con');                 
            for(var i in d){                      
                c.innerHTML=d[i].content;  
            }    
        },'json');  
</script>

</body>
</html>
PHP接口实现代码：
代码基于thinkphp
<?php
/*

@qq/weixin:8788981

@auth:weixiaobao
/
class IndexAction extends Action {
public function index(){
header("Content-Type:text/html; charset=utf-8");
header('Content-type:text/json');//输出为json格式页
header("Access-Control-Allow-Origin: "); // 允许任意域名发起的跨域请求
header('Access-Control-Allow-Headers: X-Requested-With,X_Requested_With');

/*  判断手机端发过来的信息（预先存储手机硬件信息）再进行数据的查询判断  
 *  这里只是通过明文的查询，不作动态的优化  
 *  希望大家发挥自己的想象力，做相应的远程判断，开发更快、更安全的APP  
 */  

if($_POST['nid']==1){  
    $Con=M("News_content");  
    $list=$Con->where("nid=1")->select();  
    echo json_encode($list); //输出json  
}

}
}
?>