node.js下express的AJAX通讯：jsonp,json

最新推荐文章于 2023-11-04 16:52:06 发布

不断学习的ITer

最新推荐文章于 2023-11-04 16:52:06 发布

阅读量1.1k

点赞数

分类专栏： NodeJs

NodeJs 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

1.创建环境

#cmd express

2.修改代码

app.js

[javascript]view plaincopy 
   
 /** 
  * Module dependencies. 
  */  
   
 var express = require('express')  
   , routes = require('./routes')  
   , user = require('./routes/user')  
   , http = require('http')  
   , path = require('path');  
   
 var app = express();  
   
 app.configure(function(){  
   app.set('port', process.env.PORT || 3000);  
   app.set('views', __dirname + '/views');  
   app.set('view engine', 'jade');  
   app.use(express.favicon());  
   app.use(express.logger('dev'));  
   app.use(express.bodyParser());  
   app.use(express.methodOverride());  
   app.use(app.router);  
   app.use(express.static(path.join(__dirname, 'public')));  
 });  
   
 app.configure('development', function(){  
   app.use(express.errorHandler());  
 });  
   
 app.get('/', routes.index);  
 app.get('/users', user.list);  
   
 app.get('/jsonp',function(req,res,next){  #返回jsonp  
    res.jsonp({status:'jsonp'});  
 });  
   
 app.get('/json',function(req,res,next){   #返回json  
     res.send({status:'json'});  
 });  
   
 http.createServer(app).listen(app.get('port'), function(){  
   console.log("Express server listening on port " + app.get('port'));  
 });  

3.在public目录下新建，ajax.html

[javascript]view plaincopy 
   
 <!DOCTYPE html>  
 <html>  
 <head>  
     <title></title>  
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
     <script src="http://code.jquery.com/jquery-latest.js"></script>  
 </head>  
 <body>  
 <script type="text/javascript">  
     function get_jsonp() {  
         $.getJSON("http://127.0.0.1:3000/jsonp?callback=?",  #跨域调用  
                 function(data) {  
                     $('#rjsonp').val('Jsonp info : ' + data.status);  
                 });  
     }  
   
     function get_json(){   #Json调用  
         $.getJSON("json",  
                 function(data) {  
                     $('#rjson').val('Json info : ' + data.status);  
                 });  
     }  
 </script>  
   
 <a href="javascript:get_jsonp();">Click me for jsonp</a><br />  
 <textarea id="rjsonp" cols="50" rows="3"></textarea>  
   
 <a href="javascript:get_json();">Click me for jsonp</a><br />  
 <textarea id="rjson" cols="50" rows="3"></textarea>  </body>  
 
 
   
 
 
4.测试 
 输入网址http://127.0.0.1:3000/ajax.html
 

转载自：http://blog.csdn.net/youyudehexie/article/details/8712386

不断学习的ITer

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
node.js下express的AJAX通讯：jsonp,json

1.创建环境#cmd express2.修改代码app.js[javascript] view plaincopy/** * Module dependencies. */ var express = require('express') , routes = requi
复制链接

扫一扫