好资源导航 » 文章资讯 » 用nodejs实现json和jsonp服务的方法

用nodejs实现json和jsonp服务的方法

2023-09-25 20:38:06 50

一、JSON和JSONP

JSONP的全称是JSONwithPadding，由于同源策略的限制，XmlHttpRequest只允许请求当前源（协议，域名，端口）的资源。如果要进行跨域请求，我们可以通过使用html的script标记来进行跨域请求，并在相应中返回要执行的script代码，其中可以直接使用JSON传递javascript对象。这种跨域的通讯方式成为JSONP。

由此我们可以看出两者的区别：

json：一种轻量级的数据格式。

jsonp：为实现跨域，而采用的一种脚本注入方法。

备注：要了解更多json，可以参见我原先写的一篇介绍json的文章：《JSON那些事》

二、实现

为了简单起见，我们要读取数据都是

vardata={'name':'jifeng','company':'taobao'};

1.服务器端代码：

varhttp=require('http');
varurllib=require('url');

varport=10011;
vardata={'name':'jifeng','company':'taobao'};

http.createServer(function(req,res){
varparams=urllib.parse(req.url,true);
console.log(params);
if(params.query&¶ms.query.callback){
//console.log(params.query.callback);
varstr=params.query.callback+'('+JSON.stringify(data)+')';//jsonp
res.end(str);
}else{
res.end(JSON.stringify(data));//普通的json
}
}).listen(port,function(){
console.log('serverislisteningonport'+port);
})

2.游览器端代码，为方便起见，我直接用了jquery的方法








functionget_jsonp(){
$.getJSON("http://10.232.36.110:10011?callback=?",
function(data){
$('#result').val('Mynameis:'+data.name);
});
}

Clickme

jquery中getJSON（）方法可以参见：http://www.w3school.com.cn/jquery/ajax_getjson.asp

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
514930285
czq8825@qq.com

用nodejs实现json和jsonp服务的方法

热门推荐

随机推荐