Question

我刚问了一个关于如何在不刷新页面的情况下刷新元素的问题。我已经学习了几个小时的ajax，但是我无法实现任何实现。

所以我想做的是：

刷新一个主要包含sql执行的表，我需要输入值。

要更新它，我使用onkeyup="Search();"然后将我的值转发到另一个php页面。

<input type="text" id="IDsearch" onkeyup="Search()" autofocus>

我知道我可以在这样的php页面上获得这个值：

<script type="text/javascript">
    function Search() {
        var inputValue = $('#IDsearch').val();

        $.post('testAjaxJquery.php', {postname: inputValue},
        function (data) {
            $('#IDsearch').val(data)
        });
    }
</script>

和PHP（testAjaxJquery.php）

<?php

$searchValue = $_POST['postname'];
echo $searchValue;
?>

这里的问题是：我不知道如何使用检索到的值并使用它更新现有表，而不刷新页面。我尝试将所有代码放在一个新的php文件中并使用$("#refreshOnSearch").load("refresh.php");，没有运气。

本质是：输入一个字母后，我需要更新版本的表格。

我猜你可以说我正在尝试复制https://datatables.net/index。

Answer 1

首先查看$.post function。

然后使用data或console.log(data)检查debugger并查看数据。它可能的数据是一个对象，您尝试将#IDsearch设置为对象而不是string或int。

如果是这种情况，您将需要执行$('#IDsearch').val(data.response);

之类的操作

使用每个输入字符更新表

1 个答案: