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

2023年9月10日 220次阅读

我已经敲了一会儿,所以我会尽量简单：在第A页的表单提交中,我想在页面C上的div内加载页面B的内容.

例：

的login.html

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

user.php的

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

的index.html

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

最终结果(index.html)

“你好,John Doe”

我应该使用load()方法和URL作为第一选择器吗？

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

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

P. P. S.：我说INSIDE是一个不同的页面,而不是来自不同的页面.

最佳答案 将$(‘index.html#target’).load(‘user.php’)更改为$(‘#target’).load(‘user.php’);

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

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

但您可能想发送帖子请求？

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

要学习的东西：

> http://api.jquery.com/serialize/
> http://api.jquery.com/jQuery.post/
> http://docs.jquery.com/How_jQuery_Works

点赞