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

server.js代码：

// 内置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 emp=new Object;emp.name="Atila";emp.age=39;//  JSON.stringify用于将对象转成JSON文本，JSON.parse用于将JSON文本转成对象var retval=JSON.stringify(emp);resp.end(retval);// response对象结束响应
});// 服务器开始运作监听端口
server.listen(3000,"localhost",function(){console.log("服务器开始运作，监听端口3000中...");
});

页面jQuery代码：

<!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="nameDiv"></div><div id="ageDiv"></div></body>
</html>
<script type="text/javascript">
<!--/*****************************************************
* 窗口载入时调用的启动函数
*****************************************************/
$(document).ready(function() {    loadRemoteData();
}); /*****************************************************
* 取出远程服务器数据
*****************************************************/
function loadRemoteData(){var url="http://127.0.0.1:3000";    // $.getJSON用于取得远程返回的JSON文字
    $.getJSON(url,function(data){document.getElementById("nameDiv").innerHTML=data.name;document.getElementById("ageDiv").innerHTML=data.age;});
}
//-->
</script>

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

Node.js 使用jQuery取得Nodejs http服务端返回的JSON对象示例相关推荐

如何用 Node.js 实现一个简单的 Websocket 服务？
最近正在研究 Websocket 相关的知识,想着如何能自己实现 Websocket 协议.到网上搜罗了一番资料后用 Node.js 实现该协议,倒也没有想象中那么复杂,除去注释语句和 console ...
Linux 创建网页服务,Linux使用Node.js建立访问静态网页的服务实例详解
Linux使用Node.js建立访问静态网页的服务实例详解一.安装node.js运行所需要的环境,: 二.创建node目录(/node/www),并在目录下创建node.js服务文件server.j ...
pdfh5.js 基于pdf.js和jQuery，web/h5/移动端PDF预览手势缩放插件。
pdfh5.js 基于pdf.js和jQuery,web/h5/移动端PDF预览手势缩放插件. 注意:本地绝对路径地址不能加载,跨域问题用代理或者服务端解决. svg模式渲染存在缺陷,只能渲染普通pd ...
nodejs ajax进度条,Ajax异步文件上传与NodeJS express服务端处理的示例分析
Ajax异步文件上传与NodeJS express服务端处理的示例分析发布时间:2021-07-24 11:17:21 来源:亿速云阅读:79 作者:小新这篇文章主要介绍Ajax异步文件上传与N ...
js插件---WebUploader 如何接收服务端返回的数据
js插件---WebUploader 如何接收服务端返回的数据一.总结一句话总结: uploadSuccess有两个参数,一个是file(上传的文件信息),一个是response(服务器返回的信息 ...
Jquery Ajax 登录，服务端分别为 aspx,ashx,asmx
Jquery Ajax 登录,服务端分别为 aspx,ashx,asmx 原文: http://www.cnblogs.com/StudyLife/archive/2012/02/22/2363174 ...
NodeJS SSR服务端渲染：公共代码区分客户端和服务端
SSR服务端渲染(英语:server side render)指一般情况下,一个web页面的数据渲染完全由客户端或者浏览器端来完成.先从服务器请求,然后到页面:再通过AJAX请求到页面数据并把相应的数 ...
react 使用express实现简单的分页接口，以及服务端返回public文件夹里的图片方法
前言本文基于 react ("react": "^16.13.1") , express("express": "~4.16.1 ...
ajax从服务端获取数据(服务端返回html、xml)
ajax的本质就是,发送http请求的工作交给js中的XMLHttpRequest对象去做! <!DOCTYPE html> <html> <head> <m ...

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

Node.js 使用jQuery取得Nodejs http服务端返回的JSON对象示例相关推荐

最新文章

热门文章