剛開始學node,今天做這個也是累死寶寶了,以后可以自己寫接口自己用了,再也不用麻煩人家后臺人員了,這些年我們欠他們的太多了,說多了都是淚,不多說,往下看吧。。。
服務端項目目錄下:
1、npm init 創建package.json文件;
2、創建一個app.js文件,下面的標注都有了,簡單的寫了一個接口,下面會用,對跨域訪問做了設置
var express=require('express');var app =express();//設置跨域訪問app.all('*', function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "X-Requested-With"); res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS"); res.header("X-Powered-By",' 3.2.1'); res.header("Content-Type", "application/json;charset=utf-8"); next();});var questions=[{data:213,num:444,age:12},{data:456,num:678,age:13}];//寫個接口123app.get('/123',function(req,res){res.status(200),res.json(questions)});//配置服務端口var server = app.listen(3000, function () {var host = server.address().address; var port = server.address().port; console.log('Example app listening at http://%s:%s', host, port);})3、接下來該安裝 express 框架了吧,因為我們上面用到了,直接安裝并寫入依賴里。
npm install express --save
項目目錄下:
1、隨便創建一個 index.html 文件,做一個ajax 的get請求看看,url就是我們剛創建的服務端的接口地址。
$.ajax({type:'get',url:'http://localhost:3000/123',success:function(data){console.log(data);},error:function(){console.log('error');}})2、看下面的圖可以知道我們已經請求到數據了,拿到的數據就隨便你處置了。
	
后面繼續學習中。。。。
相關的文檔 http://www.expressjs.com.cn/
以上這篇基于node搭建服務器,寫接口,調接口,跨域的實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持VeVb武林網。
新聞熱點
疑難解答