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

 更新时间:2017年08月25日 14:55:07   作者:lengyuhong  
本篇文章主要介绍了用nodejs实现json和jsonp服务的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

一、JSON和JSONP

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

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

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

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

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

二、实现

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

var data = {'name': 'jifeng', 'company': 'taobao'};

1. 服务器端代码:

var http = require('http');
var urllib = require('url');

var port = 10011;
var data = {'name': 'jifeng', 'company': 'taobao'};

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

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

<html> 
<head> 
 <script src="http://code.jquery.com/jquery-latest.js"></script> 
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
</head> 
<body> 
<script type="text/javascript"> 
function get_jsonp() { 
 $.getJSON("http://10.232.36.110:10011?callback=?", 
 function(data) {
 $('#result').val('My name is: ' + data.name); 
 }); 
} 
</script> 
<a href="javascript:get_jsonp();" rel="external nofollow" >Click me</a><br /> 
<textarea id="result" cols="50" rows="3"></textarea> 
</body> 
</html> 

jquery中getJSON()方法可以参见:http://www.w3school.com.cn/jquery/ajax_getjson.asp

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

相关文章

  • 详解webpack打包nodejs项目(前端代码)

    详解webpack打包nodejs项目(前端代码)

    这篇文章主要介绍了webpack打包nodejs项目(前端代码),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • Node.js 中的 RSA 加密、解密、签名与验证

    Node.js 中的 RSA 加密、解密、签名与验证

    RSA加密算法因其非对称的特性,广泛应用于数据的加密、解密、签名和验证等安全领域,本文主要介绍了Node.js 中的 RSA 加密、解密、签名与验证,具有一定的参考价值,感兴趣的可以了解一下
    2024-08-08
  • Node.js入门笔记 之async模块

    Node.js入门笔记 之async模块

    这篇文章主要介绍了Node.js入门笔记 之async模块,async是一个异步处理模块,主要有三个方式:串行无关联、并行无关联 、串行有关联,文章围绕主题展开更多的相关内容,需要的小伙伴可以参考一下
    2022-06-06
  • 使用Node操作文件夹的常用API

    使用Node操作文件夹的常用API

    这篇文章我们将学习Node对文件夹的操作,当我们学习完文件夹的操作后结合文件的操作我们就可以真正的通过Node在日常的工作生活中解决许多和文件相关的问题,这篇文章我们将首先讲解文件夹操作的几个API,然后完成一下最常见的文件夹递归的操作,需要的朋友可以参考下
    2024-08-08
  • Node Js开发环境的搭建全过程记录

    Node Js开发环境的搭建全过程记录

    这篇文章详细介绍了脚手架工具在软件开发中的作用,包括常见的脚手架工具、脚手架的基本能力、搭建脚手架的方法、commander命令参数处理工具的使用、模块化拆分、下载远程仓库代码等,需要的朋友可以参考下
    2024-11-11
  • 详解nodejs的express如何自动生成项目框架

    详解nodejs的express如何自动生成项目框架

    本篇文章主要介绍了nodejs的express如何自动生成项目框架,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • Node.js 应用探索文件解压缩示例详解

    Node.js 应用探索文件解压缩示例详解

    这篇文章主要为大家介绍了Node.js 应用探索文件解压缩示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • 初识Node.js

    初识Node.js

    本文主要是简单讲诉了Node.js的介绍,安装,希望对刚刚接触Node.js的同学能有所帮助,有什么问题可以给我留言,一起学习进步
    2014-09-09
  • 干净卸载Windows的Node.js环境的方法

    干净卸载Windows的Node.js环境的方法

    这篇文章主要介绍了如何干净卸载Windows的Node.js环境的方法,文中通过图文结合的方式讲解的非常详细,对大家删除Node.js环境有一定的帮助,需要的朋友可以参考下
    2025-01-01
  • 如何使用nvm实现nodejs版本管理(版本删除,版本切换及版本添加)

    如何使用nvm实现nodejs版本管理(版本删除,版本切换及版本添加)

    这篇文章主要给大家介绍了关于如何使用nvm实现nodejs版本管理(版本删除,版本切换及版本添加)的相关资料,nvm是一个node版本管理工具,通过它可以安装多种node版本并且可以快速、简单的切换node版本,需要的朋友可以参考下
    2023-10-10

最新评论