0

次のコードがあります。

<body>
    <ul id = "nav">
        <textarea rows="0" cols="0" name="textBoxStuff" maxlength="0" value="">10</textarea>
        <li><a href="test2">Home</a></li>
        <li><a href="test3">About us</a></li>
        <li><a href="test4">Contact</a></li>
    </ul>
    <div id="content">
    <script src="jquery.js"></script>
    <script src="general.js"></script>
    </div>
</body>

リンクのいずれかをクリックすると、次のコードを持つ general.js が読み込まれます。

$(document).ready(function() {
    $('#content').load('content/test1.php');
    $('ul#nav li a').click(function (){
        var page = $(this).attr('href');
    $('#content').load(page + '.php');
        return false;
});
});

これにより、test2.php、test3.php、または test4.php からコンテンツがロードされます。どのリンクを押すかによって異なります。私が望むWebページを更新せずにコンテンツをロードします。しかし、私のtest2.phpファイルでは、メインページのテキストボックスに書かれたものを出力したいのです。

これは test2.php のコードです:

<?php
    $textBoxStuff = $_POST['textBoxStuff'];
    echo $testBoxStuff;
    echo '<h1>Home</h1>';
?>

したがって、メイン ページで [ホーム] をクリックすると、「ホーム」という単語が正しく表示されますが、$_POST['textBoxStuff']; を送信する方法がわかりません。test2.php ファイルに。$_POST['textBoxStuff'] は、メイン Web ページのテキストエリア内にあるものと等しくなければなりません。だから私の質問は、メインページからテキストボックスのデータをウェブページを更新せずにtest2.phpファイルに送信する方法を誰かが知っているかどうかです。

4

1 に答える 1

0

メソッドに2 番目のパラメーターを追加し.load()て、サーバーに何を送信するかを jQuery に指示する必要があります。
例えば：

$('#content').load(page + '.php', {
       textBoxStuff: document.getElementsByName("textBoxStuff")[0].value
});
于 2013-05-22T01:45:05.867 に答える