Javascript 如何获取从html文件发送到php的数据并接收和显示数据_Javascript_Php_Jquery_Html

Javascript 如何获取从html文件发送到php的数据并接收和显示数据

javascript php jquery html

Javascript 如何获取从html文件发送到php的数据并接收和显示数据,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我发现了一个程序，它将表单中的数据从jquery发送到php文件。但当我试图找到它时，它什么也没有显示。当我点击“加载数据”按钮时，什么也没有出现。节目有什么问题吗 main.php <?php if( $_REQUEST["name"] ) { $name = $_REQUEST['name']; echo "Welcome ". $name; } ?> index.html <html> <head> <title>the t

我发现了一个程序，它将表单中的数据从jquery发送到php文件。但当我试图找到它时，它什么也没有显示。当我点击“加载数据”按钮时，什么也没有出现。节目有什么问题吗

main.php

<?php
if( $_REQUEST["name"] )
{
   $name = $_REQUEST['name'];
   echo "Welcome ". $name;
}
?>

index.html

<html>
<head>
<title>the title</title>
   <script type="text/javascript" 
   src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js/"></script>
   <script type="text/javascript" language="javascript">
  $(document).ready(function() {
      $("#driver").click(function(event){
          $.post( 
             "main.php",
             { name: "Zara" },
             function(data) {
                $('#stage').html(data);
             }

          );
      });
   });
   </script>
</head>
<body>
   <p>Click on the button to load result.html file:</p>
   <div id="stage" style="">
          STAGE
   </div>
   <input type="button" id="driver" value="Load Data" />
</body>
</html>


标题
$（文档）.ready（函数（）{
$（“#驱动程序”）。单击（函数（事件）{
$邮政（
“main.php”，
{姓名：“Zara”}，
功能（数据）{
$（'#stage'）.html（数据）；
}
);
});
});
单击按钮加载result.html文件：
阶段

请解决这个问题。提前感谢

请尝试以下代码：

  $(document).ready(function() {
      $("#driver").click(function(event){
        $.post( "main.php", { name: "Zara"})
          .done(function( data ) {
             $('#stage').html(data);
          });
      });
   });

有关详细信息，请参见加载jQuery的

标记的

href

属性无效。从地址中删除结尾斜杠，使其如下所示：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

使用浏览器的开发工具找出客户端脚本的错误，它们非常方便。点击F12。请输入此文件的版本：

<script type="text/javascript" 
   src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js/"></script>

代码：


标题
$（文档）.ready（函数（）{
警报（“hi”）；
$（“#驱动程序”）。单击（函数（）{
$邮政（
“main.php”，
{姓名：“Zara”}，
功能（数据）{
$（'#stage'）.html（数据）；
}
);
});
});
单击按钮加载result.html文件：
阶段

您的url是

/jquery/result.php

，但是您上面提供的url是

main.php

我已经更改了，但仍然不适合我。请help@user3647254请更新问题并使用firebug或控制台报告您收到的错误。您是否在web服务器上运行？你能在firebug控制台上看到你的发帖请求吗？嘿，谢谢你为我分享这篇文章。多谢各位much@user3647254那么，请把我的答案标记为解决方案！我们很乐意帮忙。

<html>
<head>
<title>the title</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
   <script type="text/javascript" language="javascript">
  $(document).ready(function() {
   alert('hi');
      $("#driver").click(function(){

          $.post( 
             "main.php",
             { name: "Zara" },
             function(data) {
                $('#stage').html(data);
             }

          );
      });
   });
   </script>
</head>
<body>
   <p>Click on the button to load result.html file:</p>
   <div id="stage" style="">
          STAGE
   </div>
   <input type="button" id="driver" value="Load Data" />
</body>
</html>