Q&A
fetchで通信するとPromiseオブジェクトで帰ってきます。
jqueryを使わずに要素を取得したいのですが方法がわかりません。
javascript
1 const formData = new FormData(); 2 formData.append('name', 'test'); 3 fetch('url', { 4 method: 'POST', 5 mode: 'cors', 6 credentials: 'inClude', 7 body: formData 8 }).then(response => { 9 return response.text(); 10 }).then(text => { 11 console.log(text.getElementsByTagName('nickname'));・・・・ここが失敗する 12 });
帰ってくるデータ
console.log(text)で以下が表示されます
promise
1<?xml version="1.0" encoding="UTF-8"?> 2<response> 3 <header> 4 <result>true</result> 5 </header> 6 <body> 7 <num>100</num> 8 <nickname>test</nickname> 9 </body> 10</response>
一応これで取得することはできます
$(text).find("nickname").text();
エラーメッセージは以下の通りです
Uncaught (in promise) TypeError: text.getElementsByTagName is not a function at eval
申し訳ないですが、だれかご教授お願いいたします。
回答1件
0
ベストアンサー
fetchで通信するとPromiseオブジェクトで帰ってきます。
jqueryを使わずに要素を取得したいのですが方法がわかりません。
fetchで得られたXMLデータ（テキストベース）をDOMオブジェクトに展開するにはDOMParserを使う方法があります.
https://developer.mozilla.org/ja/docs/Web/API/DOMParser
parseFromStringメソッドにXML文字列を渡すことでDocumentオブジェクトが得られますので, 後はここからノードの検索などを行うことが可能です.
投稿2018/04/20 08:27
編集2018/04/20 08:30
総合スコア4756
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/04/20 08:30
2018/04/20 08:33
2018/04/20 08:36
2018/04/20 09:05
2018/04/20 09:11