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 加载内容。这取决于我按哪个链接。它将加载内容而不刷新我想要的网页。但是，在我的 test2.php 文件中，我希望它输出在主页上的文本框中写入的内容。

这是 test2.php 中的代码：

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

因此，当我在主页上单击 Home 时，“Home”一词正确显示，但我不知道如何发送 $_POST['textBoxStuff']; 到 test2.php 文件。$_POST['textBoxStuff'] 应该等于主网页上文本区域内的任何内容。所以我的问题是，是否有人知道如何在不刷新网页的情况下将文本框中的数据从主页发送到我的 test2.php 文件，所以使用 jquery。

4

1 回答 1

0

您需要在该.load()方法中添加第二个参数来告诉 jQuery 向服务器发送什么。
例如：

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