1. 程式人生 > >原生ajax請求與Promise請求

原生ajax請求與Promise請求

// 簡單的ajax原生實現
var url = 'https://hq.tigerbrokers.com/fundamental/finance_calendar/getType/2017-02-26/2017-06-10';
var result;

var XHR = new XMLHttpRequest();
XHR.open('GET', url, true);
XHR.send();

XHR.onreadystatechange = function() {
    if (XHR.readyState == 4 && XHR.status == 200) {
        result = XHR.response;
        console.log(result);
    }
}


var url = 'https://hq.tigerbrokers.com/fundamental/finance_calendar/getType/2017-02-26/2017-06-10';

// 封裝一個get請求的方法
function getJSON(url) {
    return new Promise(function(resolve, reject) {
        var XHR = new XMLHttpRequest();
        XHR.open('GET', url, true);
        XHR.send();

        XHR.onreadystatechange = function() {
            if (XHR.readyState == 4) {
                if (XHR.status == 200) {
                    try {
                        var response = JSON.parse(XHR.responseText);
                        resolve(response);
                    } catch (e) {
                        reject(e);
                    }
                } else {
                    reject(new Error(XHR.statusText));
                }
            }
        }
    })
}

getJSON(url).then(res => console.log(res));

相關推薦

原生ajax請求Promise請求

// 簡單的ajax原生實現 var url = 'https://hq.tigerbrokers.com/fundamental/finance_calendar/getType/2017-02-26/2017-06-10'; var result; var XHR =

使用原生ajax進行巢狀請求伺服器回送值為空的完美解決方案

在進行Web開發時候使用Ajax技術進行前後臺的互動是非常的常用的技術手段,而當你面臨著以下的業務需求的時候你就需要進行Ajax的巢狀請求 業務需求 現在需要向伺服器傳送請求,我需要根據伺服器那邊的響應來決定是否發出另外一個請求,這叫做請求的巢狀 看以下的

ajax跨域簡單請求複雜請求

開發網站時經常會用到跨域資源共享(簡稱cors,後面使用簡稱)來解決跨域問題,但是在使用cors的時候,http請求會被劃分為兩類,簡單請求和複雜請求,而這兩種請求的區別主要在於是否會觸發cors預檢請求。 首先我們要明白cors的原理(引自MDN): 跨域資源共享標準新增了一組 HTTP 首部欄位,允許伺服

原生ajax及其服務器交互(java)學習筆記

style bject return open() 構造函數 success abort content 客戶 ajax主要用於與服務器進行異步交互數據(當然技術上也能做同步處理)。 因為傳統的非ajax的web交互,是整個瀏覽器將數據傳到後臺處理,而後臺處理時,用戶只能等

封裝HttpClient進行http請求https請求

src empty one key-value fin finally 發送post請求 工具類 catch 一.https忽略證書 /** * 用於進行Https請求的HttpClient * * @author joey * */ public class

006-okhttp的get請求post請求

  okhttp的get請求與post請求的簡單標準程式碼 以後可以方便使用   ---GET--- // OkHttpClient client = new OkHttpClient(); // // HttpUrl.Buil

非同步請求同步請求之間的轉換

1.同步請求表單提交 <form id="orderForm" action="order_add.action" class="form-horizontal" method="post"> <a href="javascript:$('#orderForm').subm

關於Agax的getpost淺分析,同步請求非同步請求

Agax區域性非同步重新整理全稱ASynchronous JavaScript And XML.使用Javascript程式碼獲取伺服器的資料,Ajax當中有兩個請求方法,一個是get方法,一個是post請求方法。   ①get請求方法:請求引數在URL的後面,多個引數之間用&連線。   ②pos

Python Tornado之跨域請求Options請求

問題背景 公司的專案是前後端分離,前端Vue+後端JavaSpringBoot為主,部分功能是PythonTornado,那麼需要支援一個是跨域以及Options請求。 Option請求 只需要跟處理get一樣處理options請求就可以了。vue一般需要訪問options方

ASP.NET Core應用針對靜態檔案請求的處理[2]: 條件請求區間請求

通過呼叫ApplicationBuilder的擴充套件方法UseStaticFiles註冊的StaticFileMiddleware中介軟體幫助我們處理針對檔案的請求。對於StaticFileMiddleware處理請求的邏輯,大部分讀者都應該想得到:它根據請求的地址找到目標檔案的路徑,然後利用註冊的Cont

java程式碼中http請求https請求

可以參照試用RestTemplate與OKHttp3實現該功能 。 1.Java程式碼中的http請求的服務端與和客戶端 a: GET請求(返回字串) **服務端程式碼:** @RequestMapping(value = "/getDriverOn

Http的GET請求POST請求呼叫介面

GET請求 public static String doGet(Map<String, String> mapparams) { // 返回物件 String result = ""; tr

BS中的Get請求Post請求

   我們知道瀏覽器向伺服器傳送資料的方式有兩種,分別是Get請求和Post請求,那麼這兩種請求有什麼區別麼?我們什麼時候用Get請求,什麼時候用Post請求?   一. Get請求 發現了什麼?   二、Post

Volley原始碼解析(一)——傳送請求結束請求

Volley是一個Android HTTP庫,只支援非同步方式。 傳送請求樣例 final TextView mTextView = (TextView) findViewById(R.id.text); ... // Instantiate

Http協議請求, Post請求Get請求的區別,Base64和URL編碼,md5,sha-1加密,對稱和非對稱加密,支付寶微信第三方支付

Http協議與請求 Post請求 Post請求與Get請求的區別 Get請求的引數是直接放在url後面的,而Post請求是放在請求體中的 Get請求引數的長度會根據瀏覽器的不同實現有一定限制,而Post請求引數長度沒有限制

js原生ajax請求利用promise封裝函式

廢話不多說,直接上程式碼。 /*利用promise封裝的ajax函式*/ function ajax(method,url, data){ /*相容IE*/ var request;

使用原生AJAX 發送異步請求實現 常用的用戶登錄效果

tor dia post request reat def cat inner -c HTML部分 <!doctype html> <html> <head> <meta charset="UTF-8"> &l

原生ajax請求

.ajax pre 請求 amp open logs stat send read 原生ajax請求: // ajax四步:創建XMLHttpRequest對象,連接服務器,發送請求,接收響應數據 ajax: function (options)

Ajax服務器的通信【發送請求處理響應】

active 狀態碼 代碼 技術 bsp item 出版 ml2 圖書 一、發送請求 Ajax中通過XMLHttpRequest對象發送異步方式的後臺請求時。通常有兩種方式的請求,一種是GET請求,另一種是POST請求。發送請求一般要經過4個步驟分別是: (1)初始化X

ajax請求json數據處理

[ ] data 引入 img mil scrip get 總結 url 一,ajax使用配置   1)使用ajax之前先引入jquery   <script type="text/javascript" src="js/jquery-1.8.2.js"><