2016-06-24 5 views
-1

小さな問題が1つありました。ネイティブJSにjQueryのからJSファイルを書き換え、とjQueryで、私たちは使用:

$.get(`/page`, function (data) { 
     elem.html(data); 
} 

基本的に我々はフェッチ体を「/ページ」からとelem.innerHTMLにそれをプッシュします。

しかし、私はfget()を.get()の代わりに使用してhtml本文を取得できますか?

+1

[フェッチ使用]のドキュメント(https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch)役に立つかもしれません。 – showdev

+0

いいえ、私はまだ身体を得ることができません、多分疲れている)しかし、この場合は助けになりません –

+0

jQueryコードで引用符の代わりにバッククォートを使用しています。 – Barmar

答えて

3

これは同等のようになります。

fetch('/page').then(function(response) { 
    return response.text(); 
}).then(function(string) { 
    elem.innerHTML = string; 
}); 

fetch()Responseオブジェクトに解決の約束を返します。 Responsetext()メソッドは、レスポンスの本文を文字列として解決する約束を返します。その文字列をHTMLに入れます。

DEMO

+0

私はこれを前に試してみましたが、うまくいきませんでした。だから私は混乱しています –

+0

私はjQueryの '.html()'メソッドを使っていました。私はこれをplain JS'innerHTML'に変更しました。私はちょうどそれをテストし、それは動作します。 – Barmar

+0

これは機能します! fetch( '/ page')。then(res => {response.text()。then(string => {elem.innerHTML = string})));これは、なぜですか? fetch( '/ page')。then(res => {return response.text()})。次に(string => {elem.innerHTML = string}); –

関連する問題