0

私は自分のページの頭にこのスクリプトを持っています:

<script type="text/javascript">

    jQuery.PictureSlides.set({

            /* some settings here */

                images : [
        <?php include"01.inc.txt"; ?>
            /* myfile is an array, loaded as default file when user first reads the page, and looks like :
                {
                image : "001.jpg", 
                alt : "Name #1",
                text : "Title #1",
                desc : "Desc #1"
                },
                {
                image : "002.jpg", 
                alt : "Name #2",
                text : "Title #2",
                desc : "Desc #2"
                },
           and so on... */
        ]
            /* some other settings here */
</script>

次に、本文にメニューがあります。

   <ul id="main-nav">
    <li>
     <a class="main-link" href="#">Home</a>
    </li>

    <li>
     <a class="main-link" href="#">Main Link</a>
      <ul class="sub-links">
        <li><a href="01" id="link-1" class="menuloader" title="">link</a></li>
        <li><a href="02" id="link-2" class="menuloader" title="">link</a></li>
        <li><a href="03" id="link-3" class="menuloader" title="">link</a></li>
        <li><a href="04" id="link-4" class="menuloader" title="">link</a></li>
      </ul>
    </li>
   </ul>

私の質問は次のとおりです。

  • ページを更新せずに、メニューの任意のリンクをクリックして、対応するファイル (「01.inc.txt」または「02.inc.txt」...) をスクリプトによってロード/読み取ることは可能ですか? ?
  • 「はい」の場合、最善の方法は何ですか、何を使用できますか、またはドキュメントで何を探し始めますか?

編集II：あなたの答えによると、これは良いスタートでしょうか？

$(document).on('click', '.menuloader', function(){

var thisId = $(this).attr('id');

    $.ajax({
    type: "POST",
    url: "addfile.php", /* here, I open my file (identified as "thisID") with PHP, parse it, read lines, then send them back ? */
    data: "file_id="+thisId
    }).done(function(data) { /* get results here ? like => images : [ {data ?} ] */ });
});
4

1 に答える 1

0

おそらく探しているのは AJAX です。Jquery には、ajax ( jQuery.ajax()、jQuery.get()、jQuery.post() )を使用するのに最適な関数がほとんどありません。それらのドキュメントを読んでください。

Ajax は基本的に、バックグラウンドでサーバーにリクエストを送信し、その回答を取得できるようにするテクノロジーです。これは、テキスト ファイル、php スクリプトなどにすることができます。AJAX 呼び出しをイベントにバインドし、ボタン クリックなどで実行することができます。PHP スクリプトは、JS コードで直接使用できる必要な情報をページに送り返します。

サンプルコード:

    $.ajax({
        type: "POST",
        url: "memory.php"
    }).done(function( msg ) {
        $("div#memoryUsage").html(msg);
    });//ajax
于 2013-01-25T21:58:55.653 に答える