XMLHTTPRequestのないJavaScript Ajax -- javascript フィールド 関連 問題

Javascript Ajax without XMLHttpRequest












0
vote

問題

日本語

通常、JavaScriptを使用してAJAX要求にXMLHTTPRequestオブジェクトを使用します。 XMLHTTPRequestオブジェクトを使用せずにJavaScriptを使用してAJAXを使用する方法はありますか。たとえば、ページロードでは、URLを押して応答を取得し、XMLHTTPRequestオブジェクトなしのJavaScriptを使用して、それを操作する必要があります。

英語

Usually we use XMLHttpRequest object for ajax requests using Javascript. Is there a way to use ajax with Javascript without using XMLHttpRequest object. For example, on page load I need to hit a URL and get the response and manipulate it, using javascript without XMLHttpRequest object.

</div
  
         
         

回答リスト

2
 
vote

<コード> Fetch API <コード> XMLHttpRequest :

の代わりに

フェッチAPIは、リソースをフェッチするためのインタフェース(ネットワーク全体を含む)を提供します。 XMLHttpRequest を使用した人によく知られているようですが、新しいAPIはより強力で柔軟な機能セットを提供します。

 

Fetch API is one possible alternative to XMLHttpRequest:

The Fetch API provides an interface for fetching resources (including across the network). It will seem familiar to anyone who has used XMLHttpRequest, but the new API provides a more powerful and flexible feature set.

</div
 
 
0
 
vote

Vanilla JavaScript fetch api 。

 

You can use vanilla Javascript Fetch API.

</div
 
 
0
 
vote

隠されたIFRAMEを作成することはできますが、注意してください。 同じ原点ポリシー。

これは隠されたiframeがどのように見えるものです:

<事前> <コード> <script language="JavaScript" type="text/javascript"> function alertBobo(alertText) { alert(alertText); } ifrm = document.createElement("IFRAME"); ifrm.setAttribute("src", "/iframe.html"); ifrm.setAttribute("id","myIframe"); ifrm.setAttribute("style","display:none"); ifrm.style.width = 0+"px"; ifrm.style.height = 0+"px"; document.body.appendChild(ifrm); </script>

から iframe.html から(あなたがxmlhttprequestをしていた場合はajaxで呼び出されたURL)から、あなたは隠されたiframeを作成しています。

親から関数を呼び出して、このような転送データを転送できます。

<事前> <コード> <script language="JavaScript" type="text/javascript"> parent.alertBobo("Iframe Calling"); </script>

とあなたは「iframe呼び出し」テキストで警告を受けます...

例えば親ウィンドウにJSONを転送することもできます。

 

You can try creating a hidden iframe, but you must be aware of: Same Origin Policy.

Here is what a hidden iframe looks like:

<script language="JavaScript" type="text/javascript">  function alertBobo(alertText) {   alert(alertText); }  ifrm = document.createElement("IFRAME"); ifrm.setAttribute("src", "/iframe.html"); ifrm.setAttribute("id","myIframe"); ifrm.setAttribute("style","display:none"); ifrm.style.width = 0+"px"; ifrm.style.height = 0+"px"; document.body.appendChild(ifrm); </script> 

Then from iframe.html (the URL you would have called with Ajax if you were doing XMLHttpRequest), but you are not, we are creating hidden iframe.

You can call functions from parent and transfer data like this:

<script language="JavaScript" type="text/javascript">   parent.alertBobo("Iframe Calling"); </script> 

And you will get alert with "Iframe Calling" text...

You can also transfer JSON for example to parent window.

</div
 
 

関連する質問

0  リスト項目でディスクを取り除く  ( Getting rid of disc in list item ) 
jQueryを使用してサイトを開発し、jQuery UIタブを作成しています。何らかの理由で、私のタブ(順序付けられていないリスト)は、OS XのFirefox 3を除くすべてのブラウザ(これまでにテスト済み)に弾丸を表示しています.Safari OS X、...

0  JavaScript - 2つの入力のどちらに焦点が当てられていない場合の検出  ( Javascript detecting when neither of two inputs has focus ) 
ページ上の2つの入力に焦点を当てていないときに、特定の機能を呼び出すことができます。ユーザが単に1つの入力から他方の入力に切り替わると、関数を呼び出すことを望まない。任意のアイデア? ...

0  GWTのJavaからJavaScriptに匿名のJavaScriptオブジェクトを渡すにはどうすればよいですか。  ( How can i pass an anonymous javascript object from java to javascript in gwt ) 
JavaScriptライブラリを丸くするGWTラッパーを作成しています。 JavaScript関数の1つは、その引数として匿名オブジェクトを取ります。: <事前> <コード> obj.buildTabs({ hide: true, placeholder: ...

142  定義されたフォントのどれがWebページで使用されていたかを検出する方法  ( How to detect which one of the defined font was used in a web page ) 
私のページに次のCSSルールがあるとします。 <コード> body { font-family: Calibri, Trebuchet MS, Helvetica, sans-serif; } ユーザーのブラウザで定義されたフォントの1つを使用...

35  ASP.NETカスタムクライアント側の検証  ( Asp net custom client side validation ) 
.NET 2.0 Webサイトでのユーザーコントロールのカスタム検証機能があり、支払われた手数料はかかりません。 ascx ファイルにバリデータコードを置き、 Page.ClientScript.RegisterClientScriptBlock() ...

54  2つの関数の違いは? ( "関数x" vs "var x =関数")[重複]  ( The difference between the two functions function x vs var x function ) 
この質問はすでにここで回答を持っています 閉じられた 8年前> 可能な重複: JavaScript:var functionname = function(){} vs関数name(){} < / a> :の違いは何ですか ...

2  サーバーを必要としないクライアント側(JavaScript)グラフライブラリはありますか? [閉まっている]  ( Is there a client side javascript graph library that doesnt require a server ) 
この質問はスタックオーバーフローガイドラインを満たしていません。現在答えを受け付けていません。 この質問を改善したいですか? ...

1279  jQueryでクッキーを設定/設定解除するにはどうすればよいですか。  ( How do i set unset a cookie with jquery ) 
jQueryを使用してCookieを設定して設定します。たとえば、 test という名前のクッキーを作成し、 1 ?に設定します。 ...

44  トリプル引用符? ASP.NETでデータバインドJavaScript Stringパラメータを区切る方法  ( Triple quotes how do i delimit a databound javascript string parameter in asp n ) 
Anchor OnClick でJavaScriptデータバインド文字列パラメータを区切りますか? 私はASP.NETリピータコントロールにアンカータグを持っています。 アンカーの OnClick イベントには、JavaScript関数への呼び出しが含ま...

0  LazyWeb:要素の訪問されたクラスに基づいてLI要素を削除するJavaScriptが必要  ( Lazyweb need javascript that removes li elements based on visited class of a el ) 
すでにクリックしたように、必要なデータがたくさんあるこのページを持っていますが、頻繁に青色を探す必要があるので、頻繁に繰り返されます。私はこれがより効率的かもしれないことに気づいて、それが含まれているリンクが訪問されたかどうかに基づいて要素を隠されたように設定...




© 2022 cndgn.com All Rights Reserved. Q&Aハウス 全著作権所有