如何獲取從html文件發送到php的數據並接收並顯示數據

Question

我找到了一個程序，它將數據從表單發送到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>

請解決問題。 提前致謝

Answer 1

您用於加載jQuery的<script>標記具有無效的href屬性。 從地址中刪除斜杠，使其看起來像這樣：

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

使用瀏覽器的開發人員工具找出客戶端腳本的問題，它們非常方便。 按下F12。

Answer 2

試試這個代碼：

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

有關詳細信息，請參見鏈接

Answer 3

請此文件的版本：

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

碼：

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

如何獲取從html文件發送到php的數據並接收並顯示數據

問題描述

3 個解決方案

解決方案1
1 已采納 2014-05-17 09:39:53

解決方案2
0 2014-05-17 09:39:50

解決方案3
0 2014-05-17 09:51:00

如何獲取從html文件發送到php的數據並接收並顯示數據

問題描述

3 個解決方案

解決方案1 1 已采納 2014-05-17 09:39:53

解決方案2 0 2014-05-17 09:39:50

解決方案3 0 2014-05-17 09:51:00

解決方案1
1 已采納 2014-05-17 09:39:53

解決方案2
0 2014-05-17 09:39:50

解決方案3
0 2014-05-17 09:51:00