私はhttp：//my.url.com/file.txtのようなURLに行くと、ブラウザにテキストが表示されます。URLのtxtファイルからテキストを取得
私は、次の処理を行い、簡単なjavscriptコマンドたい：
3のURLを参照してください
1をさらに処理
var url = http: //my.url.com/file.txt;
//
//いくつかのコードのURLに行き、ここでいくつかのコード私はtxtファイルから求める情報がどのような援助がいただければ幸いです
<p>Text I need in Variable</p>
HTMLタグであることを
var fileInfo = ---content of file.txt---
注：言った情報を受け取り、のような何かを！
ありがとうございました！
URLへのAJAX呼び出しを行います。ここでjQueryライブラリを使用している：
$.get("http: //my.url.com/file.txt", function(data) {
var text = data;
});
正規表現を試してみてください、あなたは段落タグの間にテキスト文字列から必要なものを抽出するには：
var pText = text.match(/<p>([^<]+)<\/p>/)[1];
あなたは誰でもJQueryを使用していると仮定しています。 –
あなたは本当にバニラのjavascriptを使いたいですか？ http://stackoverflow.com/questions/8567114/how-to-make-an-ajax-call-without-jquery – ndcomix
バニラJSと付き合っているケースがいくつかあります） –
バニラJSの使用：
からMDN文書：
function reqListener() {
console.log(this.responseText);
}
var oReq = new XMLHttpRequest();
oReq.addEventListener("load", reqListener);
oReq.open("GET", "http://www.example.org/example.txt");
oReq.send();
https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest
ドキュメントを読み、ndcomix SO linkがさらに移動する（エラーチェックなど）
var url = 'https://fiddle.jshell.net/robots.txt';
var storedText;
fetch(url)
.then(function(response) {
response.text().then(function(text) {
storedText = text;
done();
});
});
function done() {
document.getElementById('log').textContent =
"Here's what I got! \n" + storedText;
}
では、ここで記憶からフェッチ分離する小さいES6例だと結果を示す
fetch('https://fiddle.jshell.net/robots.txt')
.then((response) => response.text().then(yourCallback));
function yourCallback(retrievedText) { /* . . . */ }
Adoption is already across the board.
あなたは待つ必要はありません。ほとんどの人はそうしない。あなたはしないでください。
GitHub provides a polyfill of those who can't upgrade.
XHRよりもフェッチする方が良いでしょうか？ ... Lots。
免責事項：_Fetchサポートはかなり早い段階ですが、進捗状況が確認されています。 Firefox 39以降、Chrome 42以降ではデフォルトでオンになっています._ –
古いブラウザや更新を拒否するユーザーの場合は、 https://github.github.io/fetch/ – TylerY86
ちょうど情報として、CasperJS 1.1.3で動作しない –
jqueryを使用してください。簡単に楽しく拡張できます。 bizzareの使用を試みないでください。すべてのブラウザで常に互換性があることを確認してください。これをコピーしてローカルまたはリモートのWebサーバーで実行すると、魅力的なように機能します。 乾杯。
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.ajax({url: "test.txt", success: function(result){
$("#div1").html(result);
}});
});
});
</script>
</head>
<body>
<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
<button>Get External Content</button>
</body>
</html>
[JavaScriptでHTTP GETリクエスト？]（http://stackoverflow.com/questions/247483/http-get-request-in-javascript） – Calum
の可能性が重複したり、PHPのHTTPを使用することができます：// php.net/manual/en/function.file-get-contents.php – Baruch
Duplicate of http://stackoverflow.com/a/8567146/5053667 –