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

标签 javascript php jquery html

我发现一个程序将数据从表单发送到 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>

请解决问题。提前致谢

最佳答案

您的<script>用于加载 jQuery 的标记无效 href属性。 从地址中删除结尾斜杠,使其看起来像这样:

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

使用浏览器的开发人员工具来找出客户端脚本的问题所在,它们非常方便。按 F12。

关于javascript - 如何获取从 html 文件发送到 php 的数据并接收并显示数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23709751/

相关文章:

javascript - 如果我在函数内发出警报,则禁用功能正在工作

javascript - 将元素添加到序列化列表而不重复的更好方法

javascript - 知道如何禁用嵌入式 "Vine.co"视频的自动播放吗?

javascript - 切换到 'mobile view' 时尝试更改我的 Logo 在导航栏中的位置,导航栏变成下拉菜单

php - Codeigniter mysql无法在docker中连接

php - 预加载脚本生成的图像

php - MySQL 表连接的正确语法?

jquery - 查找多个div中最长的字符串(同一类)

javascript - 使用模态ajax + jquery加载页面

javascript - 滚动算法——改进数据的获取和显示