使用 jQuery 发布数据并在 div 中显示它

问题描述 投票:0回答:3

我通过谷歌进行了搜索,发现关于这个主题的教程有点复杂。对于像我这样的新手来说,这些非常复杂,所以我从像这里这样我信任的社区问一个问题。

我需要将数据输入发布到 PHP(无需刷新页面)并从 PHP 文件获取或获取结果数据(无需刷新)并在

<div>
中显示此数据,请给我示例。

什么是最简单的代码?

谢谢你并问候

php jquery mysql
3个回答
3
投票

这是一个使用 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>

有关此主题的其他 SO 帖子...


1
投票

您可以使用 jQuery。

您可以像这样将其添加到您的页面...

<script type='text/javascript' src='http://exaple.com/jquery.js'></script>

然后你学习 jQuery...

http://jquery.com

并实现 Ajax...

http://api.jquery.com/jQuery.ajax/


1
投票

尝试一下这段代码。它给出了一些基本的想法。请随时提出对此代码的任何疑问。

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。

© www.soinside.com 2019 - 2024. All rights reserved.