如何从输入框获取数据到ajax

时间:2013-04-07 03:51:40

标签: jquery html ajax

我是ajax的新手并且想知道如何从输入中获取数据并将其传递给ajax以便我可以将数据用于php框并且我是否需要指定输入的this.val?

到目前为止我的代码

div class="findfriend">

    <input type="text" id="findtext" name="friendfinder" placeholder="Enter Text to find a friend"/>
    <button id="buttonfriend" class="findfriendbutton"></button>
</div>
<div class="outputfindfriend">
   <ul class="ulfriendfind">
     <li class="lifindfriend"><a class="searchResult" href="#"></a></li>
    </ul>

<script>
    $("#findtext").keydown(function () {
        $.ajax({
            url: 'resultFindFriend.php',
            type: 'post',
            data: { dataFriend: $(this).val },
            success: function (data) {
                $('.outputfindfriend .searchResult').html(data);
            }
        });
    });

</script>

1 个答案:

答案 0 :(得分:2)

跳出来的第一个问题是

      data: { dataFriend: $(this).val },

应该是

      data: { dataFriend: $(this).val() },

(即val()是一个函数,而不是属性。)