2014-05-17 53 views
1

我發現一個程序,從jQuery的形式發送到PHP文件的數據。但是當我試圖找到它時,它什麼也沒有顯示。當我點擊加載數據按鈕時,什麼都沒有。程序中有問題嗎?我怎樣才能得到從我的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> 

請解決該問題。在此先感謝

+2

您的網址是'/ jQuery的/ result.php',但你上面提供的一個是'main.php' – user1978142

+0

是什麼問題? – Haseeb

+0

我已經改變,但仍然沒有爲我工作。請幫助 – user3647254

回答

1

<script>標籤加載jQuery有一個無效href屬性。 從地址刪除結束斜線,所以它看起來是這樣的:

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

使用瀏覽器的開發者工具,找出什麼地方錯了你的客戶端腳本,他們真的很方便。打F12。

+0

嘿謝謝分享這個爲我工作。非常感謝您 – user3647254

+0

@ user3647254請將我的答案標記爲解決方案,然後!我們很樂意提供幫助。 – Khub

0

試試這個代碼:

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

查看詳細見link

0

請將此文件的版本:

<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> 
相關問題