2015-04-02 43 views
1

我有一個html/javascript前端和一個php後端,並希望從我的前端發送一個json-stringarray到ajax的後端。不幸的是它不起作用,我不知道爲什麼。下面的代碼不爲我工作:

<html> 
<head> 
    <script src="http://code.jquery.com/jquery-2.1.3.js" type="text/javascript"></script> 
    <script type="text/javascript"> 

     function sendData(){ 
      $.post("test.php", {}, function(data){ 
       $("#output").val(data); 
      }); 
     } 

    </script> 
</head> 
<body> 

    <input type="button" value="send" onclick="sendData()"> 
    <p id="output"></p> 

</body> 

的test.php的文件看起來像:

<?php 
    echo "this text has been send back"; 
?> 

如果我是正確的,通過點擊該按鈕,應該有顯示來自ajax-query的響應,但沒有任何反應。我想有些事情是錯的,但我看不出問題在哪裏。

致以問候

+0

如果您不發送任何數據,則不需要{}。和.html(數據)答案是爲什麼你沒有看到答覆。 .val()用於輸入類型 – vbranden 2015-04-02 06:02:12

+0

檢查我的答案 – 2015-04-02 06:36:47

回答

1

下面的代碼代碼。使用.html().val()

$("#output").html(data); 

更改功能下面。不需要使用{}

function sendData(){ 
     $.post("test.php",function(data){ 
      $("#output").html(data); 
     }); 
    } 
1

這是你的jQuery多數民衆贊成在錯誤。 p標籤不使用$ .val();它使用$ .html()。