成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

初學(xué)NodeJS（一）

曹金海 / 965人閱讀

摘要：這意味著可以在不重新加載整個(gè)網(wǎng)頁的情況下，對網(wǎng)頁的某部分進(jìn)行更新創(chuàng)建對象實(shí)例的傳輸方式傳輸數(shù)據(jù)方式有兩種，一種，一種。

Ajax 介紹

在node.js中前后臺(tái)交互數(shù)據(jù)經(jīng)常會(huì)用到這個(gè)東西，Ajax不是新的編程語言，而是一種使用現(xiàn)有標(biāo)準(zhǔn)的新方法，他可以實(shí)現(xiàn)不刷新網(wǎng)頁部分更新數(shù)據(jù)。

Ajax數(shù)據(jù)格式

ajax封裝

使用封裝Ajax需要了解什么是XMLHttpRequest；

什么是XMLHttpRequest

XMLHttpRequest 用于在后臺(tái)與服務(wù)器交換數(shù)據(jù)。這意味著可以在不重新加載整個(gè)網(wǎng)頁的情況下，對網(wǎng)頁的某部分進(jìn)行更新

創(chuàng)建XMLHttpRequest對象實(shí)例：
var XMLHttpRequest=new XMLHttpRequest();

Ajax的傳輸方式

傳輸數(shù)據(jù)方式有兩種，一種get，一種post。

get: 地址欄 - 數(shù)據(jù)都可視， 不安全， 方便 可傳輸數(shù)據(jù)大小32kb
post: 加密 - 數(shù)據(jù)不可視，安全， 不方便 可傳輸數(shù)據(jù)大小2gb

向后端發(fā)送數(shù)據(jù)
利用XMLHttpRequest對象的open方法

open方法用于解析數(shù)據(jù)傳輸方式，數(shù)據(jù)內(nèi)容，是否異步調(diào)用

get方法 
var XMLHttpRequest = new XMLHttpRequest();
XMLHttpRequest.open("GET","數(shù)據(jù)",true);
XMLHttpRequest.send();
var XMLHttpRequest = new XMLHttpRequest();
XMLHttpRequest.open("POST","數(shù)據(jù)",true);
XMLHttpReuqest.send();

異步 - True 或 False
同步：后臺(tái)進(jìn)程一步一步完成
異步：后臺(tái)進(jìn)程同時(shí)調(diào)用運(yùn)行

XMLHttpRequest的open方法第三個(gè)參數(shù)‘true’ or ‘false’就是選擇是否異步，當(dāng)然選擇true啦，高效。

XMLHttpRequest.onreadystatechange=function() {
            if(XMLHttpRequest.readyState == 4) {
                if(XMLHttpRequest.status >= 200 && XMLHttpRequest.status < 300 || XMLHttpReuqest.status == 304) {
                    //console.log(XMLHttpRequest.responseText);
                    json.success(XMLHttpReuqest.responseText);
                }else{
                    //console.log("服務(wù)器錯(cuò)誤");
                }
            }
        }

onreadystatechange方法：當(dāng)狀態(tài)碼改變時(shí)觸發(fā)，
readyState 當(dāng)前狀態(tài)碼

什么是狀態(tài)碼 
   ajax狀態(tài)碼 - ajax readyState：

    0 - （未初始化）還沒有調(diào)用send()方法
    1 - （載入）已調(diào)用send()方法，正在發(fā)送請求
    2 - （載入完成）send()方法執(zhí)行完成，已經(jīng)接收到全部響應(yīng)內(nèi)容
    3 - （交互）正在解析響應(yīng)內(nèi)容
    4 - （完成）響應(yīng)內(nèi)容解析完成，可以在客戶端調(diào)用了

XMLHttpRequest.state

當(dāng)前進(jìn)程加載狀態(tài)，例如404是無回應(yīng)的，200是加載成功等

服務(wù)器響應(yīng)

如果服務(wù)器有內(nèi)容響應(yīng)也就是后端有數(shù)據(jù)返回前端則有兩個(gè)XMLHttpRequest對象獲取responseText，responseXML。
responseText返回字符串形式的數(shù)據(jù)
responseXML返回XML形式的數(shù)據(jù)

responseText 例子 
html:
    

js:
    var XMLHttpRequest = new XMLHttpRequest();
    document.getElementById("div1").innerHTML=XMLHttpRequest.responseText;

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/104599.html

相關(guān)文章

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

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

    NoraXie 評論0 收藏0

  • 【新手向 · 一站式教程】利用DigitalOcean云服務(wù)器，部署Nodejs服務(wù)

    摘要：前言關(guān)于此教程作為一名業(yè)余開發(fā)者，因?yàn)楣径际亲龊偷?。。。建議采用的方式下載，可參考官方教程。但是服務(wù)的進(jìn)程管理，即便對于初學(xué)者來說，也是必不可少的一課。 前言 關(guān)于此教程 作為一名業(yè)余Nodejs開發(fā)者，因?yàn)楣径际亲鯦ava和C++的。。。我是在沒有任何人可請教的情況下，一個(gè)坑一個(gè)坑堅(jiān)(ku)實(shí)(bi)地踩過來的。作為對segmentdefault社區(qū)的回報(bào)，把自己微不足道的經(jīng)驗(yàn)分...

    用戶83 評論0 收藏0

  • 初學(xué)NodeJS（三）

    摘要：中的模塊在中有模塊的概念，類似于語言中的頭文件，都是函數(shù)庫。靈活運(yùn)用模塊可以非常便捷的操作后端操作前端。最好在運(yùn)行文件的同個(gè)文件夾下下載方便使用，也可以在上級文件夾下載全局調(diào)用。他可以為文檔增刪改查。 nodeJS中的模塊 在nodeJS中有模塊的概念，類似于C語言中的頭文件，都是函數(shù)庫。靈活運(yùn)用模塊可以非常便捷的操作后端操作前端。而在nodeJS中引入模塊要使用require();這...

    寵來也 評論0 收藏0

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

    摘要：關(guān)于封裝好的前端往后端傳遞數(shù)據(jù)需要用到來傳遞?？缬蚩缬虼笾驴梢岳斫鉃樵谶@個(gè)頁面訪問另一個(gè)文件。表示允許的域，表示所有，也就是說給予最高訪問權(quán)限差不多意思。 關(guān)于Ajax 封裝好的Ajax 前端往后端傳遞數(shù)據(jù)需要用到Ajax來傳遞。 首先需要在網(wǎng)頁鏈入這個(gè)已經(jīng)封裝好的Ajax，因?yàn)槿绻苯釉趆tml頁面寫這個(gè)的話不好看 之后就可以利用Ajax來傳遞了 // 前端頁面 文件名：...

    codeGoogle 評論0 收藏0

發(fā)表評論

0條評論

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