當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
Node.js 使用jQuery取得Nodejs http服务端返回的JSON对象示例
生活随笔
收集整理的這篇文章主要介紹了
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对象示例的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 改需求
- 下一篇： java中如何设置浏览器宽度_[Java