Node.js 使用jQuery取得Nodejs http服务端返回的JSON数组示例

更新时间：2022-09-08 17:34:06

server.js代码：

Node.js 使用jQuery取得Nodejs http服务端返回的JSON数组示例

// 内置http模块，提供了http服务器和客户端功能（path模块也是内置模块，而mime是附加模块）
var http=require("http");

// 创建服务器,创建HTTP服务器要调用http.createServer()函数，它只有一个参数，是个回调函数，服务器每次收到http请求后都会调用这个回调函数。服务器每收到一条http请求，都会用新的request和response对象触发请求函数。
var server=http.createServer(function(req,resp){
    console.log("请求地址是:"+req.url);    

    //这样设置才可以解决跨域的请求
    resp.writeHead(200,{"Content-Type":"text/plain;charset='utf-8'",'Access-Control-Allow-Origin':'*','Access-Control-Allow-Methods':'PUT,POST,GET,DELETE,OPTIONS'});

    var arr=[];
    
    // 创建对象
    var emp=new Object;
    emp.name="Atila";
    emp.age=39;
    emp.id="007";
    
    arr.push(emp);
    
    var emp2={};
    emp2.name="凌凌漆";
    emp2.age=29;
    emp2.id="008";
    
    arr.push(emp2);
    
    //  JSON.stringify用于将对象转成JSON文本，JSON.parse用于将JSON文本转成对象
    var retval=JSON.stringify(arr);
    resp.end(retval);// response对象结束响应    
});

// 服务器开始运作监听端口
server.listen(3000,"localhost",function(){
    console.log("服务器开始运作，监听端口3000中...");
});

页面代码：

<!DOCTYPE html>
<html lang="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<head>
     <title>取得Node.js提供的数据</title>
     <script src="./js/jquery-1.7.2.min.js" type="text/javascript"></script>
    </head>

     <body>
        <div id="myDiv"></div>
     </body>
</html>
<script type="text/javascript">
<!--

/*****************************************************
* 窗口载入时调用的启动函数
*****************************************************/
$(document).ready(function() {    
    loadRemoteData();
}); 

/*****************************************************
* 取出远程服务器数据
*****************************************************/
function loadRemoteData(){
    var url="http://127.0.0.1:3000";    
    
    // $.getJSON用于取得远程返回的JSON文字
    var str="";
    $.getJSON(url,function(data){

// 遍历JSON数组
         for(var i=0,l=data.length;i<l;i++){
            for(var key in data[i]){
                //alert(key+':'+data[i][key]);
                str+=key+':'+data[i][key]+",";
            }
            str+=";";
         }

         $("#myDiv").html(str);
    });
}
//-->
</script>

本文转自张昺华-sky博客园博客，原文链接：http://www.cnblogs.com/xiandedanteng/p/7529033.html，如需转载请自行联系原作者

上一篇 : ：深度强化训练汽车学会踢球，AI驱动「飞车」自成一派，运球射门不在话下下一篇 : 你的项目刚刚启动？是时候考虑Globalization了！

Node.js 使用jQuery取得Nodejs http服务端返回的JSON数组示例

相关阅读

推荐文章