Bitsmist Frameworks
Docs » AjaxUtil

AjaxUtil

概要

XMLHttpRequestを使用してAjaxリクエストを行う、ユーティリティークラスです。

メソッド

ajaxRequest(options)

型:XMLHttpRequest 非同期 Static

Ajaxリクエストを行います。

パラメータ

パラメータ型説明
optionsObjectAjaxのオプションを指定します。以下のキーがあります。
“url”StringアクセスするUrlを指定します。
“method”StringHTTPメソッド(GET, POST, PUT等)を指定します。
“data”Object送信するデータを指定します。
“headers”Object送信するヘッダーを格納したオブジェクトです。それぞれの項目がXMLHttpRequestのsetRequestHeader()に渡されます。
“options”ObjectAjaxのオプションを格納したオブジェクトです。XMLHttpRequestへのオプションとして使用されます。

戻り値

XHRオブジェクトを返します。

使用例

GET
let url = "https://api.example.com/members/1/"
let method = "GET";
 
BITSMIST.v1.AjaxUtil.ajaxRequest({url:url, method:method}).then((xhr) => {
    console.log(xhr.responseText);
});
POST
let url = "https://api.example.com/members/"
let method = "POST";
let item =  {"id":2, "name":"John"};
let headers = {
    "Content-Type":"application/json",
    "X-From": "www.example.com"
};
let options = {"withCredentials":true};
 
BITSMIST.v1.AjaxUtil.ajaxRequest({
    url:url, 
    method:method, 
    data:item, 
    headers:headers, 
    options:options
}).then((xhr) => {
    console.log(xhr.responseText);
});

loadScript(url)

型:undefined 非同期 Static

スクリプトファイルをロードします。スクリプトは現在のページに挿入されます。

パラメータ

パラメータ型説明
urlStringスクリプトファイルのURLを指定します。

戻り値

なし。

Previous Next

© 2019-2023 Masaki Yasutake

Bitsmist Frameworks

Table of Contents

Table of Contents

  • AjaxUtil
    • 概要
    • メソッド
      • ajaxRequest(options)
      • loadScript(url)

全般

  • 概要
  • インストール
  • サンプルコンポーネントを作る

コンポーネントについて

  • ロード
  • 設定
  • イベント
  • オーガナイザによる拡張

リファレンス - コンポーネント

  • Component

リファレンス - オーガナイザ

  • EventOrganizer
  • LoaderOrganizer
  • OrganizerOrganizer
  • SettingOrganizer
  • StateOrganizer
  • TemplateOrganizer

リファレンス - ストア

  • Store
  • ChainableStore

リファレンス - ユーティリティ

  • AjaxUtil
  • ClassUtil
  • Util