htmlページからサーバー上のファイルを読み取ろうとすると、Javaスクリプト

-1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns ="http://www.w3.org/1999/xhtml">   
<head>  
    <title>first_demo</title>  
</head> 

<script type="text/javascript" language = "javascript"> 
    //ajax call 
    $(document).ready(function(){ 
     $("#submit").click(function(){ 
      $.ajax({ 
       type: 'GET', 
       url: "hostname/filename.txt", 
       success:function(data){ 
        alert(data); 
       } 
      }); 
      return false; 
     }); 
    }); 
</script> 

<body> 
    <p>click to on </p> 
    <input type="button" id="submit" value="submit" /> 
</body> 
</html>

出典

2016-07-21 Vijay Yadav

1）あなたのスクリプトは '頭部 'にあるか、' '2の直前にある必要があります）あなたのAJAXリクエストの結果としてコンソールにエラーがありますか？ –

いいえ、それは何のエラーも投げていない、私は頭の中にスクリプトを入れようとしました..しかし、まだそれは動作していません。 –

多分これを試してみてください：

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns ="http://www.w3.org/1999/xhtml">  

<head> 

<title> first_demo </title> 

</head> 
<body> 
<p>click to on </p> 

<input type="button" id="submit" value="submit" /> 
<!--your ajax script comes here--> 
</body> 
</html>

JAVASCRIPT

$("#submit").click(function(){ 
    $.ajax({ 
      type: "GET", 
      url: "hostname/filename.txt",//your url here 
      data: { 
       //Additional data 
      }, 
      dataType: 'html/text', 
      success: function(response) { 
       console.log("success: " + response); 
      }, 
      error: function(response) { 
       console.log("error: " + response); 
      } 
     }); 
    });

出典

2016-07-21 07:17:34 ThatAwesomeCoder

答えをありがとうが、私はまだサーバー上のファイルを開くことができません。私のサーバー名は：testing_serverとしましょう。上記のコードでindex.htmlを作成し、それをtesting_serverのwebフォルダに入れました。 ajax呼び出しの：url： "http：//testing_server/on.txt"したがって、私は同じサーバー上でのみ私のページをホストしています。これでお手伝いできますか？ –

あなたはどのサーバーを使用していますか？ IIS、Apache？そして、ファイルが読み込み専用ではないことを確認しましたか？ F12を押してデベロッパーツールを開いて、ブラウザのリクエスト/レスポンスが何であるかを確認しようとしましたか？ – ThatAwesomeCoder

htmlページからサーバー上のファイルを読み取ろうとすると、Javaスクリプト

答えて

関連する問題