javascript --- 實現Ajax的代碼

直接上代碼,(前幾天項目出差部署去叻)

const ajax = function (options = {}) {option.type = (options.type || 'GET').toUpperCase();let data = [];for(let i in options.data) {data.push(encodeURIComponent(i) + '=' + encodeURIComponent (options.data[i]));}data = data.join('&');const xhr = new XMLHttpRequest();xhr.onreadystatechange = function () {if (xhr.readyState === 4) {const status = xhr.status;if (status >= 200 && status < 300) {options.success &&options.success(JSON.parse(xhr.responseText),xhr.responseXML);} else {options.error && options.error(status);}}};if (options.type === 'GET') {xhr.open('GET', options.url + '?' + data, true);xhr.send(null);} else if (options.type === 'POST') {xhr.open('POST', options.url, true);xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');xhr.send(data);}
};
參考 《vue.js實戰》P231

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/251450.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/251450.shtml
英文地址,請注明出處:http://en.pswp.cn/news/251450.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

[Spark]-RDD詳解之變量操作

RDD的操作 1.1 概述 RDD整體包含兩大類操作 transformation 從現有中創建一個新的數據集 action 在對數據集做一定程度的計算后將結果返回 對于所有的transformation,都是Lazy的,也就是說它不會立即執行,只是單純的記住怎么樣從原來的數據集進行轉換的邏輯而已,它僅在某一個計算…

前端知識總結(三)

51、啟動GNU加速 硬件加速的工作原理 瀏覽器接收到一個頁面之后&#xff0c;將html解析成DOM樹&#xff0c;瀏覽器解析渲染「html」的過程 按著一定的規則執行&#xff0c;DOM樹和CSS樹結合后構成瀏覽器形成頁面的 渲染樹 ; 渲染樹中包含大量的渲染元素&#xff0c;每一個元素…

為阿里云服務器ECS實例安裝Nodejs

為阿里云服務器ECS實例安裝Nodejs部署Node.js項目&#xff08;CentOS&#xff09;準備工作操作步驟步驟1&#xff1a;部署Node.js環境&#xff08;使用二進制文件安裝&#xff09;步驟2&#xff1a;部署測試項目部署Node.js項目&#xff08;CentOS&#xff09; 本文檔介紹如何…

JavaScrpt --- es5實現ES6的Number擴展(部分)

ES6對數值對象Number進行了擴展, // ES實現Number.isFinite() (function (global) {var global_isFinite global.isFinite;Object.defineProperty(Number, isFinite, {value: function isFinite(value) {return typeof value number && global_isFinite(value);},co…

webstorm激活+漢化教程

1.安裝教程激活 輸入的激活網址&#xff1a; http://idea.imsxm.com/ 2.漢化教程 軟件適用于&#xff1a;webstorm2017.2以及以上&#xff0c;如有需要可直接加本人QQ 1940694428。 轉載于:https://www.cnblogs.com/cisum/p/7919712.html

如何從零開始,成為element-plus的contributor

序言 提到element-ui&#xff0c;我想很多前端er應該都不陌生&#xff0c;而element-ui也是我第二個使用的前端UI庫&#xff0c;第一個是bootstrap&#xff08;笑&#xff09;。我是在去年初學vue的時候開始接觸elemment-ui的&#xff0c;到現在也快一年了&#xff0c;中間經歷…

將Vue+Nodejs項目部署到阿里云服務器

上傳文件至云服務器 一、打包文件 在項目根目錄下運行 npm run build等待命令運行結束后&#xff0c;會發現目錄下多了 dist 文件夾&#xff0c;這個文件夾就是我們等下要放到服務器中的。 二、文件傳輸 打開 Xftp與實例建立連接云服務器Apache默認的根目錄是/var/www/htm…

javascript --- 函數的優化(尾調用優化)

從一個熟悉的Fibonacci數列的實現開始: function Fibonacci (n) {if ( n < 1) { return 1};return Fibonacci(n -1) Fibonacci(n-2); }以上代碼很簡單… 但執行以下代碼 console.log(Fibonacci(100));會發現編譯工具,卡住不動. 原因在于:遞歸調用(函數調用自身),每次都會…

第5課 - 線性表的本質

第5課 - 線性表的本質 數據結構是為了解決生活中的實際問題而存在的&#xff0c;那生活中與線性表相對應的例子有什么呢&#xff1f; 幼兒園中就有一個例子&#xff0c;在老師安排小朋友活動時&#xff0c;會將小朋友組織成下面的站隊形式&#xff0c;這個就是線性表。 1. 線性…

Django--網頁管理實例解析

此篇為代碼流程的注釋以及自己寫的小項目的思路&#xff1a; 首先是項目的路由配置&#xff1a; 1 urlpatterns [2 # url(r^admin/, admin.site.urls),3 url(r^yemian/,yemian),4 url(r^zuoye/,zuoye),5 url(r^class/,views.class_list),6 url(r^class_ad…

阿里云ecs實例中創建數據庫

阿里云ecs實例中創建數據庫安裝mysql創建數據庫1.登錄2.新建數據庫3.執行.sql文件4.查詢表&#xff0c;驗證是否創建成功4.退出數據庫安裝mysql 參考https://blog.csdn.net/qq_36350532/article/details/79496049 創建數據庫 1.登錄 mysql -u root -p&#xff08;這里寫密碼…

javascript --- 尾遞歸優化的實現

考慮一個正常的遞歸函數 function sum(x, y) {if (y > 0) {return sum (x 1, y - 1);} else {return x;} } sum(1, 100000000);超出調用棧的最大次數… 下面使用尾遞歸優化實現: function tco(f) {var value ;var active false;var accumulated [];return function acc…

《對不隊》團隊項目用戶驗收評審

任務1&#xff1a;團隊作業Beta沖刺 Beta沖刺第一天&#xff1a;https://www.cnblogs.com/bingoF6/p/9221744.htmlBeta沖刺第二天&#xff1a;https://www.cnblogs.com/bingoF6/p/9226305.htmlBeta沖刺第三天&#xff1a;https://www.cnblogs.com/bingoF6/p/9230815.htmlBeta沖…

部署項目的問題(一)—— vue工程打包上線樣式錯亂問題

1、 打開index.html一片空白 參考&#xff1a;鏈接: link. 修改build對象里的assetsPublicPath為’./’ assetsPublicPath: ./2、ElementUI樣式丟失 參考&#xff1a;鏈接: link. 這里嘗試完前三種&#xff1a; 1.main.js樣式引入順序問題 調整了import的順序&#xff08;…

遲遲發布的軟工實踐兩月感想

第七周&#xff0c;第八周了。 寫幾點反省。 嚴謹。工作的時候&#xff0c;說話行文風格要注意&#xff0c;因為這影響溝通的質量&#xff0c;影響別人對你的評價。會間接影響對方的響應&#xff0c;影響合作。學會主動承擔責任&#xff0c;做受關注的那個人。主動鍛煉自己。開…

構建SpringBoot第一個Demo

使用官方地址生成項目 https://start.spring.io Generate&#xff1a;可以選擇Maven或者Gradle構建項目 語言&#xff1a;我想一般都是Java 接下來選擇SpringBoot的版本&#xff0c;目前比較穩定的1.5.10 GroupID&#xff1a;自定義 Artifact&#xff1a;自定義 Dependencies&…

部署項目的問題(二)—— 阿里云服務器 ECS升級node版本

在運行服務端代碼時報錯&#xff0c;當時報錯的代碼沒copy下來&#xff0c;大概就是如下形式 mbp:hybrid-statistic wfp$ node app.js /Users/wfp/Work/hybrid-statistic/app.js:28 async function responseTime(ctx, next) {^^^^^^^^ SyntaxError: Unexpected token function…

javascript --- Object.assign()淺復制解決方法

Object.assign()是淺復制(即:只復制對象得引用而,而不是新實例).它無法正確復制get屬性和set屬性. 看下面得例子: // 定義一個source對象,含set方法 const source {set foo(value) {console.log(value);} };// 使用Object.assign進行賦值 const target1 {}; Object.assign(t…

微信小程序與Java后臺的通信

一、寫在前面 最近接觸了小程序的開發&#xff0c;后端選擇Java&#xff0c;因為小程序的代碼運行在騰訊的服務器上&#xff0c;而我們自己編寫的Java代碼運行在我們自己部署的服務器上&#xff0c;所以一開始不是很明白小程序如何與后臺進行通信的&#xff0c;然后查找資料發現…

面向對象初識④

抽象類與接口類 接口類 繼承有兩種用途&#xff1a; 一&#xff1a;繼承基類的方法&#xff0c;并且做出自己的改變或者擴展&#xff08;代碼重用&#xff09; 二&#xff1a;聲明某個子類兼容于某基類&#xff0c;定義一個接口類Interface&#xff0c;接口類中定義了一些接口…