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>
Node.js 使用jQuery取得Nodejs http服务端返回的JSON对象示例的更多相关文章
- Node.js 使用jQuery取得Nodejs http服务端返回的JSON数组示例
		
server.js代码: // 内置http模块,提供了http服务器和客户端功能(path模块也是内置模块,而mime是附加模块) var http=require("http" ...
 - Node.js 使用angularjs取得Nodejs http服务端返回的JSON数组示例
		
server.js代码: // 内置http模块,提供了http服务器和客户端功能(path模块也是内置模块,而mime是附加模块) var http=require("http" ...
 - Node.js是一个事件驱动I/O服务端JavaScript环境
		
Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎.目的是为了提供撰写可扩充网络程序,如Web服务.第一个版本由Ryan Dahl于2009年发布,后来,Jo ...
 - android菜鸟学习笔记25----与服务器端交互(二)解析服务端返回的json数据及使用一个开源组件请求服务端数据
		
补充:关于PHP服务端可能出现的问题: 如果你刚好也像我一样,用php实现的服务端程序,采用的是apache服务器,那么虚拟主机的配置可能会影响到android应用的调试!! 在android应用中访 ...
 - 前端使用node.js+express+mockjs+mysql实现简单服务端,2种方式模拟数据返回
		
今天,我教大家来搭建一个简单服务端 参考文章: https://www.jianshu.com/p/cb89d9ac635e https://www.cnblogs.com/jj-notes/p/66 ...
 - Node.js Koa2开发微信小程序服务端
		
1.promise.async.await const Koa = require('koa') const app = new Koa() // 应用程序对象 有很多中间件 // 发送HTTP KO ...
 - Node.js:上传文件,服务端如何获取文件上传进度
		
内容概述 multer是常用的Express文件上传中间件.服务端如何获取文件上传的进度,是使用的过程中,很常见的一个问题.在SF上也有同学问了类似问题<nodejs multer有没有查看文件 ...
 - jQuery中的ajax服务端返回方式详细说明
		
http://blog.sina.com.cn/s/blog_6f92e3a70100u3b6.html 上次总结了下ajax的所有参数项,其中有一项dataType是设置具体的服务器返回方式 ...
 - 服务端返回的json数据,导致前端报错的原因及解决方法
		
前言 最近在开发的过程中遇到了一个问题:后端传过来的json字符串不是标准的json字符串 导致报错的原因 后端传过来的json字符串中包含一些不标准的字符或错误的引号嵌套 1)\n 2) \r 3) ...
 
随机推荐
- Nano
			
Nano命令指南 今天在输命令时,无意中输入了nano,对这个命令不太熟悉,结果不知道如何才能退出,保存,赶快查了一下资料,原来是这样的啊. 打开文件与新建文件 使用nano打开或新建文件,只需键入: ...
 - Linux Mint---更新软件源
			
安装完系统之后第一件事情就是更新软件源,为接下来的各种工作作准备,这个也很简单,直接打开software source设置一下, 然后打开software manager更新一下就好了.
 - C++的Json解析库:jsoncpp和boost(转)
			
原文转自 http://blog.csdn.net/hzyong_c/article/details/7163589 JSON(JavaScript Object Notation)跟xml一样也是一 ...
 - vs mfc 静态文本 改变字体大小
			
VC的对话框字体设置对所有控件都有效,你不能单独地改变某个静态文本的字体.对于你的问题,需要首先用CreateFont来建立一个字体对象,然后调用控件的SetFont,就可以了. 例子: 1.改静态文 ...
 - SQL Server中JOIN的用法
			
JOIN 分为:内连接(INNER JOIN).外连接(OUTER JOIN).其中,外连接分为:左外连接(LEFT OUTER JOIN).右外连接(RIGHT OUTER JOIN).全外连接(F ...
 - vim注释颜色更改
			
通过putty或者securecrt连到linux服务器,使用vi编辑*.php 或*.c文件时, 蓝色的注释很淡,看不清,看起来很费眼 效果如下 我本身有习惯于默认配色,不想修改配色方案,只想把看不 ...
 - Centos查看文件夹大小
			
查看当前目录下文件夹大小 du -h --max-depth=1 查看整体情况 df -h
 - UVA    Live 6437   Power Plant 最小生成树
			
题意: 有许多油井和村庄什么的,让你使得这些村庄能连通一个油井就好了.第一行给你一个数字T代表有T组测试数据,第二行有 M , N , K ,M代表包括油井在内的村庄数,N 代表有N个 两两连通的地方 ...
 - docker网络及Dockerfile
			
1.制作镜像 使用阿里的yum源,网址:https://opsx.alibaba.com/mirror,或者mirrors.aliyun.com,点击帮助,就会有弹框出来. docker pull c ...
 - [POJ 1935] Journey
			
Link: POJ1935 传送门 Solution: 一道吓唬人的水题 注意这是一棵树,两点间仅有唯一的路径! 于是每个“关键点”和起点只有一条路径,想去起点另一棵子树上的节点必须要回到起点 如果必 ...