国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

初學NodeJS(一)

曹金海 / 961人閱讀

摘要:這意味著可以在不重新加載整個網頁的情況下,對網頁的某部分進行更新創建對象實例的傳輸方式傳輸數據方式有兩種,一種,一種。

</>復制代碼

  1. Ajax 介紹

在node.js中前后臺交互數據經常會用到這個東西,Ajax不是新的編程語言,而是一種使用現有標準的新方法,他可以實現不刷新網頁部分更新數據。

</>復制代碼

  1. Ajax數據格式

ajax封裝

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

什么是XMLHttpRequest

XMLHttpRequest 用于在后臺與服務器交換數據。這意味著可以在不重新加載整個網頁的情況下,對網頁的某部分進行更新

創建XMLHttpRequest對象實例:
var XMLHttpRequest=new XMLHttpRequest();

</>復制代碼

  1. Ajax的傳輸方式

傳輸數據方式有兩種,一種get,一種post

get: 地址欄 - 數據都可視, 不安全, 方便 可傳輸數據大小32kb
post: 加密 - 數據不可視,安全, 不方便 可傳輸數據大小2gb

</>復制代碼

  1. 向后端發送數據
利用XMLHttpRequest對象的open方法

open方法用于解析數據傳輸方式,數據內容,是否異步調用

get方法

</>復制代碼

  1. var XMLHttpRequest = new XMLHttpRequest();
  2. XMLHttpRequest.open("GET","數據",true);
  3. XMLHttpRequest.send();

</>復制代碼

  1. var XMLHttpRequest = new XMLHttpRequest();
  2. XMLHttpRequest.open("POST","數據",true);
  3. XMLHttpReuqest.send();

異步 - True 或 False
同步:后臺進程一步一步完成
異步:后臺進程同時調用運行

XMLHttpRequest的open方法第三個參數‘true’ or ‘false’就是選擇是否異步,當然選擇true啦,高效。

</>復制代碼

  1. XMLHttpRequest.onreadystatechange=function() {
  2. if(XMLHttpRequest.readyState == 4) {
  3. if(XMLHttpRequest.status >= 200 && XMLHttpRequest.status < 300 || XMLHttpReuqest.status == 304) {
  4. //console.log(XMLHttpRequest.responseText);
  5. json.success(XMLHttpReuqest.responseText);
  6. }else{
  7. //console.log("服務器錯誤");
  8. }
  9. }
  10. }

onreadystatechange方法:當狀態碼改變時觸發,
readyState 當前狀態碼

什么是狀態碼

</>復制代碼

  1. ajax狀態碼 - ajax readyState:
  2. 0 - (未初始化)還沒有調用send()方法
  3. 1 - (載入)已調用send()方法,正在發送請求
  4. 2 - (載入完成)send()方法執行完成,已經接收到全部響應內容
  5. 3 - (交互)正在解析響應內容
  6. 4 - (完成)響應內容解析完成,可以在客戶端調用了

XMLHttpRequest.state

當前進程加載狀態,例如404是無回應的,200是加載成功等

</>復制代碼

  1. 服務器響應

如果服務器有內容響應也就是后端有數據返回前端則有兩個XMLHttpRequest對象獲取responseTextresponseXML
responseText返回字符串形式的數據
responseXML返回XML形式的數據

responseText 例子

</>復制代碼

  1. html:
  2. js:
  3. var XMLHttpRequest = new XMLHttpRequest();
  4. document.getElementById("div1").innerHTML=XMLHttpRequest.responseText;

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/104599.html

相關文章

  • 初學nodejs ():nodejs 入門

    摘要:是基于規范實現的,每一個文件都是一個模塊,每個模塊代碼都要遵守規范,多個文件之間的調用的核心也是基于模塊的對外暴露接口和互相引用。所以學習是很必要的。下一篇初學二用斷點調試我們的代碼 本文章是一邊看著《狼書:更了不起的Node.js》一邊寫的,會有自己學習中遇到的問題,也會有書中的一些知識 Hello Node.js ! 最簡單的例子 創建 helloworld.js, 代碼如下。 ...

    NoraXie 評論0 收藏0
  • 【新手向 · 站式教程】利用DigitalOcean云服務器,部署Nodejs服務

    摘要:前言關于此教程作為一名業余開發者,因為公司都是做和的。。。建議采用的方式下載,可參考官方教程。但是服務的進程管理,即便對于初學者來說,也是必不可少的一課。 前言 關于此教程 作為一名業余Nodejs開發者,因為公司都是做Java和C++的。。。我是在沒有任何人可請教的情況下,一個坑一個坑堅(ku)實(bi)地踩過來的。作為對segmentdefault社區的回報,把自己微不足道的經驗分...

    用戶83 評論0 收藏0
  • 初學NodeJS(三)

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

    寵來也 評論0 收藏0
  • 初學NodeJS(二)-- Ajax

    摘要:關于封裝好的前端往后端傳遞數據需要用到來傳遞。跨域跨域大致可以理解為在這個頁面訪問另一個文件。表示允許的域,表示所有,也就是說給予最高訪問權限差不多意思。 關于Ajax 封裝好的Ajax 前端往后端傳遞數據需要用到Ajax來傳遞。 首先需要在網頁鏈入這個已經封裝好的Ajax,因為如果直接在html頁面寫這個的話不好看 之后就可以利用Ajax來傳遞了 // 前端頁面 文件名:...

    codeGoogle 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<