jquery load external text

私はjavascriptとjqueryの初心者です。私は自分のhtmlをローカルでテストしようとします。私は以下のようにコードを適切に扱うことができます。私は、テキスト「http://www.w3schools.com/jquery/test1.txt」の代わりの「test1.txtという」を入れjquery load external text

<html> 
<head> 
<script type="text/javascript" src="js/jquery-1.7.1.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $("button").click(function(){ 
    $("div").load('test1.txt'); 
    }); 
}); 

</script> 
</head> 
<body> 

<div><h2>Let AJAX change this text</h2></div> 
<button>Change Content</button> 

</body> 
</html>

しかし、ボタンが正常に動作することはできません。助けてください。

よろしく、

トミー

出典

2012-02-25 Tommy Liu

あなたはクロスブラウザのAJAXを行うことを許可されていません。

上記のコードでは、ターゲットファイルとコードファイルの両方がローカルにある場合、同じドメインまたはローカルのみからファイルをロードできます。

あなたがjavascripttest.phpまたはtest.aspxのようないくつかの独自のサーバーファイルを通信し、そのサーバ側のファイルはPHPでCUrlのように、外部のウェブサイトと通信することができように、サーバー側の言語の助けを借りてそれを行う必要があります。

ここに示すように、あなたはまだ、いくつかのクロスブラウザスクリプトまたはデータの読み込みを行うことができますが - >How do I include a JavaScript file in another JavaScript file?

をしかし、それはいくつかの専用のハックを必要とします。

出典

2012-02-25 08:22:12 linuxeasy

私が本当にクエリーを通過する必要がある場合は、どうすればよいですか？ありがとうございました。 –

JavaScriptを使って、test.phpやtest.aspxのような独自のサーバーファイルを通信するようなサーバー側言語の助けを借りて、そのサーバー側ファイルがPHPのCURLのような外部Webサイトと通信できるようにする必要があります。 – linuxeasy

ご協力いただきありがとうございます。 –

、それは別のドメインで外部ファイルである場合は、次のことを試してください。

//あなたのjs

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("button").click(function(){ 
    var url='http://www.w3schools.com/jquery/test1.txt'; 
    $.get('myphppage.php',{url:url},function(data) { 
     $('div').html(data); 
    }); 
    }); 
}); 
</script>

//外部ファイル

のコンテンツを表示するスクリプトmyphpage.php

<?php 
if(isset($_GET['url'])) { 
    header("Content-type: text/plain"); 
    echo file_get_contents(urldecode($_GET['url'])); 
} 
?>

出典

2012-02-25 09:50:28 Valky

答えて

関連する問題