亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

初學(xué)NodeJS（二）-- Ajax

codeGoogle / 1308人閱讀

摘要：關(guān)于封裝好的前端往后端傳遞數(shù)據(jù)需要用到來(lái)傳遞?？缬蚩缬虼笾驴梢岳斫鉃樵谶@個(gè)頁(yè)面訪問(wèn)另一個(gè)文件。表示允許的域，表示所有，也就是說(shuō)給予最高訪問(wèn)權(quán)限差不多意思。

關(guān)于Ajax

封裝好的Ajax

前端往后端傳遞數(shù)據(jù)需要用到Ajax來(lái)傳遞。

首先需要在網(wǎng)頁(yè)鏈入這個(gè)已經(jīng)封裝好的Ajax，因?yàn)槿绻苯釉趆tml頁(yè)面寫(xiě)這個(gè)的話不好看

之后就可以利用Ajax來(lái)傳遞了

//    前端頁(yè)面

文件名：
文件內(nèi)容：

首先要知道，封裝好的ajax需要作者傳遞個(gè)json格式的參數(shù)進(jìn)去

其次，必須要有的是后端接口的地址url，傳輸數(shù)據(jù)的方式type，前端傳給后端的數(shù)據(jù)內(nèi)容都寫(xiě)在data內(nèi)，success方法會(huì)自動(dòng)傳入個(gè)data參數(shù)，這個(gè)方法將處理成功接受到后端返回的數(shù)據(jù)

假設(shè)我們后端想要寫(xiě)個(gè)文本文件

//后端頁(yè)面
var http = require("http"),
urlLib = require("url"),
fs = require("fs");

//利用http模塊創(chuàng)建本地服務(wù)固定格式
http.createServer(function(req, res) {
    //跨域，‘*’號(hào)表示所有
    res.setHeader("Access-Control-Allow-Origin", "*");
    
    //利用url模塊解析網(wǎng)頁(yè)傳遞的地址數(shù)據(jù)
    var json = urlLib.parse(req.url, true).query;

    //利用fs模塊的writeFile方法寫(xiě)入文件
    fs.writeFile(json.file, json.inner, function(err) {
       if(err)console.log(err);
       console.log("生成完畢");  
    });
}).listen(1234);

http模塊的作用是讓后臺(tái)不用在html文件啟動(dòng)，直接啟動(dòng)本地服務(wù)器，在瀏覽器搜索欄輸入localhost:1234即可，1234是后端自己設(shè)置的監(jiān)聽(tīng)接口

url模塊的作用是如果用get方式傳輸數(shù)據(jù)的話，數(shù)據(jù)是可以在地址欄看到的，所以直接解析地址就可以得到前端傳輸?shù)臄?shù)據(jù)了

利用http模塊創(chuàng)建本地服務(wù)就可以不用在打開(kāi)html文件，設(shè)置好的話后端會(huì)直接訪問(wèn)，用戶訪問(wèn)網(wǎng)頁(yè)只需要在瀏覽器輸入localhost:+監(jiān)聽(tīng)接口號(hào)。

跨域：跨域大致可以理解為在這個(gè)頁(yè)面訪問(wèn)另一個(gè)文件。Access-Control-Allow-Origin表示允許的域，*表示所有，也就是說(shuō)給予最高訪問(wèn)權(quán)限差不多意思。

代碼寫(xiě)好還不止，因?yàn)槲覀兊腘odeJS是后端語(yǔ)言，是網(wǎng)頁(yè)腳本，所以需要‘‘啟動(dòng)’’。

編寫(xiě)好代碼之后需要進(jìn)入腳本文件的文件夾內(nèi)啟動(dòng)控制臺(tái)cmd，輸入node xxx.js這個(gè)xxx是你的腳本js文件的名字

注意檢查模塊是否 已經(jīng)下載好，是否進(jìn)入正確的文件夾內(nèi)。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/104624.html

相關(guān)文章

  • 初學(xué)NodeJS（一）

    摘要：這意味著可以在不重新加載整個(gè)網(wǎng)頁(yè)的情況下，對(duì)網(wǎng)頁(yè)的某部分進(jìn)行更新創(chuàng)建對(duì)象實(shí)例的傳輸方式傳輸數(shù)據(jù)方式有兩種，一種，一種。 Ajax 介紹 在node.js中前后臺(tái)交互數(shù)據(jù)經(jīng)常會(huì)用到這個(gè)東西，Ajax不是新的編程語(yǔ)言，而是一種使用現(xiàn)有標(biāo)準(zhǔn)的新方法，他可以實(shí)現(xiàn)不刷新網(wǎng)頁(yè)部分更新數(shù)據(jù)。 Ajax數(shù)據(jù)格式 ajax封裝 使用封裝Ajax需要了解什么是XMLHttpRequest； 什么是XML...

    曹金海 評(píng)論0 收藏0

  • 零基礎(chǔ)的前端開(kāi)發(fā)初學(xué)者應(yīng)如何系統(tǒng)地學(xué)習(xí)？

    摘要：在有了基礎(chǔ)之后，進(jìn)一步學(xué)習(xí)內(nèi)容包括框架。前端學(xué)習(xí)交流群禁止閑聊，非喜勿進(jìn)。代碼提交前必須做的三個(gè)事情檢查所有變更跑一邊單元測(cè)試手動(dòng)運(yùn)行一遍所有 網(wǎng)站開(kāi)發(fā)開(kāi)發(fā)大致分為前端和后端，前端主要負(fù)責(zé)實(shí)現(xiàn)視覺(jué)和交互效果，以及與服務(wù)器通信，完成業(yè)務(wù)邏輯。其核心價(jià)值在于對(duì)用戶體驗(yàn)的追求?？梢园慈缦滤悸穼W(xué)習(xí)系統(tǒng)學(xué)習(xí)： 基礎(chǔ)知識(shí)： html + css 這部分建議在?w3school 在線教程上學(xué)習(xí)，邊...

    JouyPub 評(píng)論0 收藏0

  • 零基礎(chǔ)的前端開(kāi)發(fā)初學(xué)者應(yīng)如何系統(tǒng)地學(xué)習(xí)？

    摘要：在有了基礎(chǔ)之后，進(jìn)一步學(xué)習(xí)內(nèi)容包括框架。前端學(xué)習(xí)交流群禁止閑聊，非喜勿進(jìn)。代碼提交前必須做的三個(gè)事情檢查所有變更跑一邊單元測(cè)試手動(dòng)運(yùn)行一遍所有 網(wǎng)站開(kāi)發(fā)開(kāi)發(fā)大致分為前端和后端，前端主要負(fù)責(zé)實(shí)現(xiàn)視覺(jué)和交互效果，以及與服務(wù)器通信，完成業(yè)務(wù)邏輯。其核心價(jià)值在于對(duì)用戶體驗(yàn)的追求。可以按如下思路學(xué)習(xí)系統(tǒng)學(xué)習(xí)： 基礎(chǔ)知識(shí)： html + css 這部分建議在?w3school 在線教程上學(xué)習(xí)，邊...

    funnyZhang 評(píng)論0 收藏0

  • 初學(xué)nodejs (一)：nodejs 入門(mén)

    摘要：是基于規(guī)范實(shí)現(xiàn)的，每一個(gè)文件都是一個(gè)模塊，每個(gè)模塊代碼都要遵守規(guī)范，多個(gè)文件之間的調(diào)用的核心也是基于模塊的對(duì)外暴露接口和互相引用。所以學(xué)習(xí)是很必要的。下一篇初學(xué)二用斷點(diǎn)調(diào)試我們的代碼 本文章是一邊看著《狼書(shū)：更了不起的Node.js》一邊寫(xiě)的，會(huì)有自己學(xué)習(xí)中遇到的問(wèn)題，也會(huì)有書(shū)中的一些知識(shí) Hello Node.js ! 最簡(jiǎn)單的例子 創(chuàng)建 helloworld.js， 代碼如下。 ...

    NoraXie 評(píng)論0 收藏0

  • 前端資源系列（4）-前端學(xué)習(xí)資源分享&前端面試資源匯總

    摘要：特意對(duì)前端學(xué)習(xí)資源做一個(gè)匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。 特意對(duì)前端學(xué)習(xí)資源做一個(gè)匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。 本以為自己收藏的站點(diǎn)多，可以很快搞定，沒(méi)想到一入?yún)R總深似海。還有很多不足&遺漏的地方，歡迎補(bǔ)充。有錯(cuò)誤的地方，還請(qǐng)斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應(yīng)和斧正，會(huì)及時(shí)更新，平時(shí)業(yè)務(wù)工作時(shí)也會(huì)不定期更...

    princekin 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<