我已经通过谷歌搜索,我发现关于这个主题的所有教程都有点复杂。对于像我这样的新手来说,这些都是非常复杂的,所以我向像这里这样我信任的社区提出了一个问题。
我需要将数据输入发布到 PHP(不刷新页面)并从 PHP 文件(不刷新)获取或获取结果数据并在“<div>
请给我示例”中显示此数据所需的最简单代码是什么。
谢谢和问候
反对票:看看这个页面:https ://stackoverflow.com/help/on-topic
它说:
我可以在这里问什么主题?
Stack Overflow 适用于专业和狂热的程序员,因为热爱而编写代码的人。我们认为最好的 Stack Overflow 问题中都有一些源代码,但如果您的问题通常涵盖……</p>
这是一个带有 JQuery 的简单 AJAX 帖子(因为您将其列为标签)。
它my_page.php
通过传递一些数据({ "any_params_to_send" : "in json format" }
将在 中接收)发布到$_POST
。收到响应后,将其放入 ID 为 的 div 中my_div
。
这是在您的主页中... index.html
<script type='text/javascript' src='/where_ever_you_saved_it/jquery.js'></script>
<div id="my_div"></div>
<script>
$(document).ready(function(){
$.ajax({
type: "POST",
url: "my_page.php",
dataType: "html",
data: { "any_params_to_send" : "in json format" }
success: function( response) {
$('#my_div').html(response);
}
});
});
</script>
这是在 my_page.php
<?php
$any_params_to_send = $_POST['any_params_to_send']; ?>
<div style="border:1px solid black; display:inline-block">
any_params_to_send<br/>
<?php echo $any_params_to_send; ?>
</div>
如果您有任何问题,请随时回来询问!
你可以使用 jQuery。
你像这样将它添加到你的页面......
<script type='text/javascript' src='http://exaple.com/jquery.js'></script>
然后你了解jQuery...
并实现 Ajax...
试试这个代码。它给出了一些基本的想法。请随时询问这个代码中的任何疑问。
代码
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btn").click(function(){
var id=$("#id").val();
$.ajax({
type:"post",
url:"action.php",
datatype:"html",
cache:false,
data:"id="+id,
success:function (response){
// alert(response);
var data=response;
$("#id").val(" ");
$('#result').html(data);
}
});
});
</script>
</head>
<body>
<form>
<input type="hidden" name="id" id="id">
</form>
<button id="btn">Click here/button>
<div id="result"></div>
</body>
</html>
动作.php
<?php
$id=$_POST['id'];
$user_name = "root";
$password = "root";
$database = "mydb";
$server = "localhost";
$con = mysql_connect($server,$user_name,$password);
mysql_select_db($database, $con) ;
$sql="select * from mytable where id='$id'";
$result=mysql_query($sql);
$var=mysql_fetch_row($result)
{
echo '$var['name'];
}
?>
代码的工作
单击 时button
,表单中的隐藏值会发送到action.php
文件,而不会刷新页面。来自 的响应action.php
被收集在变量中data
,并显示在div
具有 id 的结果中。