Javascript 如何加载php网页并在不刷新的情况下向该网页发送帖子?

Javascript 如何加载php网页并在不刷新的情况下向该网页发送帖子?,javascript,jquery,Javascript,Jquery,我有以下代码: <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="te

我有以下代码:

<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>
$(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文件。$u POST['textBoxStuff']应该等于主网页上文本区域内的内容。因此,我的问题是,如果有人知道如何在不刷新网页的情况下将文本框中的数据从主页发送到我的test2.php文件,那么使用jquery。

您需要向
.load()
方法添加第二个参数,告诉jquery向服务器发送什么。
例如:


textBoxStuff:document.getElementsByName(“textBoxStuff”)[0].value对我不起作用,但我在textbox上添加了一个id,并使用了textBoxStuff:document.getElementById(“invisTest”).value,现在它可以工作了。你帮了很多人。事实上,我自己花了8个小时试图解决这个问题,直到我最终屈服于堆栈溢出。
$('#content').load(page + '.php', {
       textBoxStuff: document.getElementsByName("textBoxStuff")[0].value
});