• react axiosの1つまたは複数のドメインへのクロスドメインアクセス問題

    1. リアクト+アクシオス ドメインを跨ぐアクセス 設定は非常に簡単で、現在の package.json ファイルに設定するだけです。 "プロキシ":" http://iot-demo-web-dev.autel.com ", //もちろん、これは偽のアドレスです。 こんな感じで。 これでクロスドメインは完成です。もちろん、ウェブでやっていることを、もう少しコードを増やして、次のように

    2022-01-18 22:34:10
  • Ajaxログインケース

    参考までにAjaxログインのケース、詳細は以下の通りです。 メッセージ package com.lbl.msg; public class Msg { String msg; int code; public Msg() { } public Msg(String msg, int code) { this.msg = msg; this.code =

    2022-01-18 19:43:59
  • Ajaxの部分更新メソッドの例

    プリアンブル /{br 最近、jQueryのコンテンツをいくつか見直しているのですが、その中で使えそうなナレッジポイントを整理してみたいと思います。jQueryを勉強していた頃はそこまで細かく気にしていなかったので、フロントエンドの作業で得た小さな学びを整理しています。 I. Ajaxとは? {I. Ajaxとは何ですか? /{br コンセプト ASynchronous JavaScrip

    2022-01-18 18:19:05
  • Ajaxによるxml情報受信・処理動作の解析例

    この記事では、Ajaxでxml情報の操作を受信して処理する例について説明します。参考までに、以下のように共有します。 Ajaxはxml情報の要求と受信を担当し、DOMはxml情報の処理を担当します。 DOMです。 phpでは、DOMはphpとxml(html)の橋渡しをするものです JavaScriptでは、DOMはJavaScriptとhtml(xml)の間の橋渡し役です サーバー側か

    2022-01-18 16:27:50
  • AJAXによるページ更新効果の指定部分の実現

    この例では、ページの指定した部分を更新する効果を得るためのAJAXの具体的なコードを、参考までに以下のように共有します。 この例では、bootstrap、jQuery、NProgressプログレスバープラグインを使用しており、あらかじめ関連ファイルの導入が必要です。 要件 左のオプションをクリックし、ページ全体を更新するのではなく、右のページのみを更新する。 ここでは3つのファイルが必要です

    2022-01-18 16:16:07
  • Ajaxリクエストタイムアウトとネットワーク例外処理のグラフィック詳細

    インターネットエクスプローラーを使うな!!! 質問 ブラウザの要求がタイムアウトしたときや、ネットワーク例外が発生したとき、プログラムは何をし、どう反応する必要があるのでしょうか? ps. コードは後で掲載します、アイデアが最も重要です # リクエストタイムアウト ==express== の最初のロジックはこのように書かれています。 // Simulate the request ti

    2022-01-18 15:56:53
  • ajaxを使ったSpring Bootベースの画像アップロード

    効果は以下の通りです。 1. スタートアップクラスに追加 SpringBootはaddResourceHandlersを書き換えて、ファイルパスをマッピングします。 @Override public void addResourceHandlers(ResourceHandlerRegistry registry) { registry.addResourceHandler("/im

    2022-01-18 13:43:23
  • Ajax共通パッケージングライブラリ-Axiosの利用について

    Axiosは現在最も広く使われているAJAXラッパーライブラリです。 Axiosには以下のような特徴があります。 ブラウザからXMLHttpRequestの作成 node.js から http リクエストを作成する Promise APIのサポート リクエストとレスポンスの傍受 {について リクエストデータ、レスポンスデータの変換 {を使用します。 リクエストのキャンセル {を使用

    2022-01-18 12:25:13
  • ajaxによるデータへの非同期アクセスに関する質問

    jsの場合、データの処理は確かに速いし、データの処理はすべてsososoがやってくれるので、非同期データ転送を使う必要はなさそうです 海を越えたデータ転送には問題があり、一方が2秒後に来て、一方が2秒後に行く、これは訪問者にとって立ち往生です。 さらに、パスワードを入力したら間違っていたので、入力し直したら、Webページに戻り、入力したデータがクリアされてしまい、とても悔しい思いをし

    2022-01-18 10:15:39
  • XMLHttpRequestオブジェクトを使わずにAjaxの効果を実現する方法まとめ

    この記事では、XMLHttpRequestオブジェクトを使用せずにAjax効果を実現する例を説明します。以下のように参考までに共有します。 序文 私はAjaxに連絡するために使用される、ちょうどAjaxの効果を達成するためにJqueryのAPIを使用し、詳細にそれを勉強していなかった、最近Ajaxの原理を学ぶことに、私はあなたが注意を払う願って、Ajaxの記事に時間から時間

    2022-01-18 06:46:42
  • Spring MVC + ajax によるメッセージの検証

    この記事は、Spring MVCと連携したajaxの使い方の入門編です。まず、Ajaxとは何かを理解しましょう。 AJAXは新しいプログラミング言語ではなく、既存の標準を利用した新しい方法です。ajaxには、サーバーとデータを交換し、ページ全体を再読み込みせずにページの一部を更新できるという大きな利点があります。だから、ajaxはユーザーエクスペリエンスを向上させるためにとても重要なのです X

    2022-01-18 05:52:36
  • ajaxによるチェックフォーム方式での投稿

    この例では、参考までに投稿時にフォームをチェックするためのajaxメソッドを以下のように共有しています。 方法1. コード例です。  巧妙なデザイン:ajaxが送信された場合、インターセプトを確認することはできませんが、決定するためにフラグを設定し、非常に巧妙なデザインなので、収集する!(1) function inserts(){ var flag =

    2022-01-18 05:18:27
  • フォームデータを用いた AJAX アップロードファイルストリーム

    本日、ファイルストリームのajaxアップロードを含むプロジェクトに取り組んでいたところ、2つのモバイルページの2つのフォームが同じajaxアドレスを使用してバックエンドにデータをアップロードし、そのデータには異なるタイプの入力が含まれており、その中にファイルタイプの入力があったため、フォームシリアライズを使って直接データを転送することができなくなりました。 一般的なパラメータしか渡されない場合は

    2022-01-18 04:18:45
  • Ajaxによる3段構えの連動効果を実現

    この例では、参考までに3段リンク効果を実現するためのAjaxの具体的なコードを以下のように共有します。 I. データテーブルとgson.jarをインポートする この表には、中国のすべての省、市、県、区が含まれており、それらは parentid によって互いに関連している。 画像 次に、バックエンドのコード 各レベルのデータは前のレベルのidクエリに基づいているので、ロジックは非常に似ており

    2022-01-18 01:47:27
  • Ajax非同期リフレッシュ機能と簡単なケース

    この記事では、ajaxの非同期更新に関する知識と、簡単な登録事例を紹介します。 非同期リフレッシュはajaxの非常に重要な機能であることは周知の事実です。そこで、非同期リフレッシュの手順とその方法について理解しましょう。 ここで、$_GETリクエストと$_POSTリクエストについて少し説明します。 メソッドです。 open(メソッド,url,async) 送

    2022-01-17 20:48:24
  • Ajaxキャッシュ処理例解析

    この記事では、Ajaxがキャッシュを処理する例について説明します。参考のため、以下のように共有します。 キャッシュ ブラウザは、1つのリクエストのためにサーバーから多くのcss、img、jsおよびその他の関連ファイルを取得する必要があり、各要求が一度に関連リソースファイルをロードする場合、帯域幅、サーバーリソースとユーザーの待ち時間の深刻な損失がある、ブラウザは最適化処理、そのcss、img、

    2022-01-15 22:37:19
  • シンプルなログインページのためのajax

    この例では、参考のため、シンプルなログインページを実現するためのajaxの具体的なコードを以下のように共有します。 I. ajaxとは何ですか? Ajaxとは、ページ全体を再読み込みすることなく、Webページの一部を更新することができる技術です。 II. ajaxの仕組み Ajaxは、ページ上の指定した場所に他のページの出力内容をすべて読み込むことができるという原

    2022-01-15 20:19:10
  • ajax インターフェース文書の URL パスの省略の例

    こんにちは、私はあなたたちがサーバーにAjaxリクエストを送信するプロジェクトを書いている場合、URLアドレスで、各プロジェクトの前にページネーションパスを書き込むには、リクエストのルートパスを追加して面倒な感じ、私は次のページネーションパスを直接行に書き込む簡単な方法を紹介します不思議です。 まず、コードの一部を見てみましょう。 $.ajax({ method:

    2022-01-15 19:04:51
  • Ajaxファイルアップロード機能(Spring MVC)

    この例では、参考のため、ファイルアップロードのAjax実装の具体的なコードを以下のように共有します。 フロントエンドのフォームとJQueryのjsp/htmlコード JQuryを使用する <script src="static/js/jquery-3.4.1.js"></script> フロントエンドフォーム <form id="fo

    2022-01-15 17:59:12
  • springmvcとAjax一括追加メソッドの組み合わせ

    1. 注意が必要な問題点 mvcフレームワークの日付問題の処理について レスポンスオブジェクトがカスタムオブジェクトのため、レスポンスがjsonにならない @ResopnseBody レスポンスカスタムオブジェクト、日付が長いタイプの数値 end dataメソッドのパラメータはどのように定義すればよいのでしょうか?複数のオブジェクトを受信しますか? 2. ページ

    2022-01-15 17:50:16