Question

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

将数据输入发送到PHP（无需刷新页面）并从PHP文件中获取或获取结果数据（无需刷新）所需的最简单的代码是什么，并在<div>中显示此数据请给我实例

谢谢你，问候

Answer 1

关于否定投票：请查看此页面：https://stackoverflow.com/help/on-topic

它说：我可以在这里询问哪些主题？

Stack Overflow适用于专业和发烧友程序员，因为他们喜欢编写代码的人。我们认为最好的Stack Overflow问题包含一些源代码，但如果您的问题通常涵盖......

特定的编程问题
软件算法软件工具
实际的，可回答的问题独有的软件开发

这是一篇简单的带有JQuery的AJAX帖子（因为你将它列为标签）。

它发布到my_page.php并传递了一些数据（{ "any_params_to_send" : "in json format" }将在$_POST中收到。收到回复后，会将其放入ID为{{的div中1}}。

这是在您的主页... index.html

my_div

这是在my_page.php

<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>

Other SO Post about this topic...

如果您有任何问题，请随时回来询问！

Answer 2

你可以使用jQuery。

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

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

然后你学习jQuery ......

http://jquery.com

实现Ajax ......

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

Answer 3

尝试此代码。它提供了一些基本的想法。请随意在此代码中提出任何疑问。

HTML CODE

  <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的响应将收集在变量{{ 1}}并显示在data，其结果为ID。

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

3 个答案: