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

不点阅读：59 2025-12-25 22:24:30 评论：0

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

声明

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。