php - jQuery - 如何在另一个页面中填充一个 div

标签 php jquery jquery-selectors

我已经苦思冥想了一段时间,所以我会尽可能简单:在页面 A 的表单提交中,我想将页面 B 的内容加载到页面 C 的 div 中。 示例:

登录.html

<form id="test" action="#" method="post">
  <input type="text" name="user"/>
  <input type="submit" name="login" value="login"/>
</form>

用户.php

<?php
  echo "Hello, ".$_POST['user'];
?>

index.html

<body>
 <div id="target"></div>
</body>

最终结果(index.html)

“你好,约翰”

我应该使用 load() 方法并将 URL 作为第一个选择器吗?

$('#test').submit(function() {
 $('index.html#target').load('user.php');
});

P. S.:所有页面都在同一个域中。

P. P. S.:我说的是 INSIDE a different page,而不是 FROM a different page。

最佳答案

$('index.html#target').load('user.php') 更改为 $('#target').load('user.php') ;

如果你想从 user.php 中获取 ID 为 target 的 div,请使用以下代码:

$('#target').load('user.php #targer');

但您可能想发送 post 请求?

$.post('user.php', $('form').serialize(), function(data){
    $("#target").html(data)
});​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

要学习的东西:

关于php - jQuery - 如何在另一个页面中填充一个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11866106/

相关文章:

php - 设置一个自动任务/一组 mysql 查询以在每个月的指定日期运行

php - 将复选框 PHP 表单项作为数组插入到 MySQL 数据库

php - mysqli_connect 不工作

jquery - 返回 "previous function"

javascript - jquery-ui按钮集点击事件似乎没有改变选中状态

php - PHP代码运行elasticsearch查询

javascript - 如何使用 ng-repeat 从 Angularjs 表中隐藏行

javascript - 在 jQuery 中添加输入并通过单击添加多个输入时出现问题

jquery - 当目标类的多个实例位于同一页面上时,如何使用 jQuery 计算单个 block 中的子级数量

javascript - 选择没有值属性的所有单选按钮的最安全方法