JQuery $ post() - 方法似乎无所事事

时间:2015-04-02 05:57:35

标签: jquery ajax

我有一个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查询的响应,但没有任何反应。我想有些事情是错的,但我无法看出问题所在。

祝你好运

2 个答案:

答案 0 :(得分:1)

在代码下面变形。使用.html()而不是.val()

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

将功能更改为以下。不需要使用{}

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

答案 1 :(得分:1)

&#39;约克jQuery错了。 p标签不使用$ .val();它使用$ .html()。