我通过谷歌进行了搜索,发现关于这个主题的教程有点复杂。对于像我这样的新手来说,这些非常复杂,所以我从像这里这样我信任的社区问一个问题。
我需要将数据输入发布到 PHP(无需刷新页面)并从 PHP 文件获取或获取结果数据(无需刷新)并在
<div>
中显示此数据,请给我示例。 什么是最简单的代码?
谢谢你并问候
这是一个使用 JQuery 的简单 AJAX 帖子(因为您将其列为标签)。
它会发布到
my_page.php
并传递一些数据({ "any_params_to_send" : "in json format" }
将在 $_POST
中接收。收到响应后,会将其放入 ID 为 my_div
的 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 代码
<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>
action.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。