JQuery 使用提交的表单数据加载 div答案

【问题标题】：JQuery load div with submitted form dataJQuery 使用提交的表单数据加载 div
【发布时间】：2017-03-18 18:58:18
【问题描述】：

嗨，我想将 load.php 页面中的 div 加载到我的 index.php 页面中，并提交表单数据，但我只得到文本（未加载表单值）所以这里是代码
index.php：

<script>
    $(document).ready(function(){
        $('#result').load('load.php #load');
    });
</script>

    <div id="result" ></div>

加载.php：

<div id="load">Emotions that causes your project <?php echo $test;?></div>

但它给了我：

<div id="result">Emotions that causes your project</div>

所以它不会在我的#result div 上回显 $test 变量，所以你能建议我如何让它工作，谢谢。

【问题讨论】：

标签： php jquery load

【解决方案1】：

.load() 发起一个单独的jqXHR 请求（又名$ajax() 调用）。

作为独立的，此请求与您的 php 应用程序逻辑的其余部分没有隐含的直接关系，并且与构成您所在页面的初始请求没有任何联系。

如果您需要填充$test 变量，您必须在您的load.php 脚本中定义并填充它（或包括填充它的其他.php 文件）。

把它放在你的load.php 中进行测试：

<?php $test = 'test'; ?>
<div id="load">Emotions that causes your project <?= $test;?></div>

请注意.load() 允许您通过请求传递数据，您可以在php 中使用这些数据来生成响应。例如向服务器发送数据的请求：

 $('#result').load('load.php #load', {"foo":"bar"});

...并在load.php 中获取+使用该数据：

<?php $test = $_REQUEST['foo']; ?>
<div id="load">Emotions that causes your project <?= $test;?></div>

当然，您可以将foo 和bar 替换为您需要的任何内容。使用 jQuery 从页面中的输入元素中获取数据。

【讨论】：

我刚刚尝试了您的建议，但它只是将 = $test;?> 替换为值测试，因此它不是变量。因为我从表单提交中获得了 $test 的值，而且它总是在变化（变量）。
@Mouhssine $test 是一个变量。如果应该根据用户与您的页面的交互来设置该值，您必须使用第二个参数在您的.load() 请求中将该信息发送到load.php（请参阅我在回答中提供的链接）。您可以var_dump($_REQUEST) 查看发送的内容并从那里获取您的数据。但是你必须发送数据。否则你不能在load.php 中使用它。我用更多细节更新了我的答案。

【解决方案2】：

经过大量搜索后，我解决了我的问题，所以方法如下：
home.php：

<?php 

    $test = $_POST['test']; 

?>

<script>
    $(document).ready(function(){
        $('#result').load('load.php?test=<?php echo urlencode($test);?> #load');
    });
</script>

<div id="result" ></div>

然后在我的 load.php 上：

<?php 

    $test = $_GET['test']; 

?>

<div id="load">Emotions that causes your project <?= $test;?></div>

所以我在#result 上的加载内容上获得了 $test 值，仅此而已。

【讨论】：