2016-08-01 12 views
1

私は主に、これがPHPなしでも可能であるかどうか、もしかするといくつかのガイダンスがあるのだろうかと思います。私はそのプロセスを思慮深く感じている。検索バーを使用して.htmlをdivにロード

現在、特定の.htmlをボタンのクリックで簡単にdivにロードしています。しかし、私は検索バーを使ってdivに.htmlをロードしようとしています(タイトルが明示的に述べるように)。

たとえば、「Apple」を検索し、「Apple.html」がdivに読み込まれると想定します。私はJavaScriptがPHPの助けなしにローカルファイルを検索できないことを理解していますが、ファイルがそこにありロードしていると「仮定」できないのでしょうか?私の論理によれば、それはボタンのクリックと大きく異なるわけではありません。

+0

簡単にデバッグするためにコードを共有してください –

+0

"ローカルハードドライブ"または "サーバー上の同じディレクトリにあります"という意味の「ローカル」は説明の中にあります。コードがなければ(たとえそれが機能していなくても)あなたを助けることは本当に難しいです。ここで新しいものになるためにシームレスになると、私はそれがクロスオリジンの政策の問題だと思います。 – Wolfgang

+0

私は自分のローカルハードドライブのように "ローカル"を意味しました。私は混乱のために謝罪しました。 私のコードでは、以下のようなものがありましたが、 "$("#search ")val()の正しい実装が欠けていました。 – Pat

答えて

0

jquery すべてのファイルは、実際のページが存在する場所と同じ場所にある必要があります。そうでない場合は、パスも指定する必要があります。

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title>html</title> 
    <script src="http://code.jquery.com/jquery-1.12.4.js"></script> 

</head> 
<body> 

    <input type="search" id="search"> 
    <input type="button" id="button" name=""> 

    <div> 

    </div> 


<script type="text/javascript"> 

    $("#button").on('click', function(e){ 
     $('div').load($("#search").val() + ".html"); 
    }); 
</script> 

</body> 
</html> 
+0

これは完全に動作するはずです。私はローカルドライブ(非サーバー)でこの作品を見つけることができないと思いますか?いずれにしても、助けてくれてありがとう! – Pat

関連する問題