jquery ajax发布成功返回数据

时间:2011-05-15 08:56:30

标签: jquery ajax post

我无法取回我的数据,这是我的代码。问题出在哪儿?感谢。

的index.php

<script type="text/javascript">     
jQuery(document).ready(function(){
    $(".click").click(function(){
        var value = $(this).val();// post each click value to another page
     $.ajax({
         url: "post.php", 
         dataType: "html",
         type: 'POST', //I want a type as POST
         data: "name="+value, 
         success: function(data){ 
            $("#result").data($data); 
         }
      });
    });
});
</script>

<div id="result"></div>
<a href="#" class="click">tim</a>
<a href="#" class="click">tom</a>
<a href="#" class="click">jimmy</a>

post.php中

<?php
$name=trim(addslashes(htmlspecialchars(rawurldecode($_POST["name"]))));
$data .='Your name is '.$name;
$data .='how do you do';
echo $data;// how to return all the html in post.php? or return $data part? 
?>

3 个答案:

答案 0 :(得分:5)

看到问题?

...
success: function(data){ 
    $("#result").data($data); 
}
...

您将数据设为data,但尝试将其作为$data访问,这是一个不同的未初始化变量。

此外,您无法在.val()元素上使用a,而是使用.html()来获取内部HTML。您可能还希望在.html()上使用.data()代替#result

否则你的例子似乎没事。

答案 1 :(得分:4)

它应该是:

success: function(data) {

    $("#result").html(data);
}

答案 2 :(得分:2)

看起来你在$data变量上有一个额外的美元符号,应该是:

success: function(data) {
    $("#result").data(data);
}