摘要:關于封裝好的前端往后端傳遞數據需要用到來傳遞。跨域跨域大致可以理解為在這個頁面訪問另一個文件。表示允許的域,表示所有,也就是說給予最高訪問權限差不多意思。
關于Ajax
封裝好的Ajax
前端往后端傳遞數據需要用到Ajax來傳遞。
首先需要在網頁鏈入這個已經封裝好的Ajax,因為如果直接在html頁面寫這個的話不好看
之后就可以利用Ajax來傳遞了
// 前端頁面 文件名: 文件內容:
首先要知道,封裝好的ajax需要作者傳遞個json格式的參數進去
其次,必須要有的是后端接口的地址url,傳輸數據的方式type,前端傳給后端的數據內容都寫在data內,success方法會自動傳入個data參數,這個方法將處理成功接受到后端返回的數據
假設我們后端想要寫個文本文件
//后端頁面 var http = require("http"), urlLib = require("url"), fs = require("fs"); //利用http模塊創建本地服務固定格式 http.createServer(function(req, res) { //跨域,‘*’號表示所有 res.setHeader("Access-Control-Allow-Origin", "*"); //利用url模塊解析網頁傳遞的地址數據 var json = urlLib.parse(req.url, true).query; //利用fs模塊的writeFile方法寫入文件 fs.writeFile(json.file, json.inner, function(err) { if(err)console.log(err); console.log("生成完畢"); }); }).listen(1234);
http模塊的作用是讓后臺不用在html文件啟動,直接啟動本地服務器,在瀏覽器搜索欄輸入localhost:1234即可,1234是后端自己設置的監聽接口
url模塊的作用是如果用get方式傳輸數據的話,數據是可以在地址欄看到的,所以直接解析地址就可以得到前端傳輸的數據了
利用http模塊創建本地服務就可以不用在打開html文件,設置好的話后端會直接訪問,用戶訪問網頁只需要在瀏覽器輸入localhost:+監聽接口號。
跨域:跨域大致可以理解為在這個頁面訪問另一個文件。Access-Control-Allow-Origin表示允許的域,*表示所有,也就是說給予最高訪問權限差不多意思。
代碼寫好還不止,因為我們的NodeJS是后端語言,是網頁腳本,所以需要‘‘啟動’’。
編寫好代碼之后需要進入腳本文件的文件夾內啟動控制臺cmd,輸入node xxx.js這個xxx是你的腳本js文件的名字
注意檢查模塊是否 已經下載好,是否進入正確的文件夾內。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/104624.html
摘要:這意味著可以在不重新加載整個網頁的情況下,對網頁的某部分進行更新創建對象實例的傳輸方式傳輸數據方式有兩種,一種,一種。 Ajax 介紹 在node.js中前后臺交互數據經常會用到這個東西,Ajax不是新的編程語言,而是一種使用現有標準的新方法,他可以實現不刷新網頁部分更新數據。 Ajax數據格式 ajax封裝 使用封裝Ajax需要了解什么是XMLHttpRequest; 什么是XML...
摘要:在有了基礎之后,進一步學習內容包括框架。前端學習交流群禁止閑聊,非喜勿進。代碼提交前必須做的三個事情檢查所有變更跑一邊單元測試手動運行一遍所有 網站開發開發大致分為前端和后端,前端主要負責實現視覺和交互效果,以及與服務器通信,完成業務邏輯。其核心價值在于對用戶體驗的追求。可以按如下思路學習系統學習: 基礎知識: html + css 這部分建議在?w3school 在線教程上學習,邊...
摘要:在有了基礎之后,進一步學習內容包括框架。前端學習交流群禁止閑聊,非喜勿進。代碼提交前必須做的三個事情檢查所有變更跑一邊單元測試手動運行一遍所有 網站開發開發大致分為前端和后端,前端主要負責實現視覺和交互效果,以及與服務器通信,完成業務邏輯。其核心價值在于對用戶體驗的追求。可以按如下思路學習系統學習: 基礎知識: html + css 這部分建議在?w3school 在線教程上學習,邊...
摘要:是基于規范實現的,每一個文件都是一個模塊,每個模塊代碼都要遵守規范,多個文件之間的調用的核心也是基于模塊的對外暴露接口和互相引用。所以學習是很必要的。下一篇初學二用斷點調試我們的代碼 本文章是一邊看著《狼書:更了不起的Node.js》一邊寫的,會有自己學習中遇到的問題,也會有書中的一些知識 Hello Node.js ! 最簡單的例子 創建 helloworld.js, 代碼如下。 ...
摘要:特意對前端學習資源做一個匯總,方便自己學習查閱參考,和好友們共同進步。 特意對前端學習資源做一個匯總,方便自己學習查閱參考,和好友們共同進步。 本以為自己收藏的站點多,可以很快搞定,沒想到一入匯總深似海。還有很多不足&遺漏的地方,歡迎補充。有錯誤的地方,還請斧正... 托管: welcome to git,歡迎交流,感謝star 有好友反應和斧正,會及時更新,平時業務工作時也會不定期更...
閱讀 2289·2021-11-24 09:38
閱讀 1984·2021-11-22 14:44
閱讀 1149·2021-07-29 13:48
閱讀 2613·2019-08-29 13:20
閱讀 1115·2019-08-29 11:08
閱讀 2045·2019-08-26 10:58
閱讀 1264·2019-08-26 10:55
閱讀 3148·2019-08-26 10:39