Question

我试图从我的AJAX脚本中显示一个JSON输出，这是从表单搜索完成的结果。目前，我可以在DIV中成功显示JSON输出。

do {
    let data = Data(exeString.utf8)
    let result = try JSONDecoder().decode(Root.self, from: data)
    print(result.list)
} catch { print(error) }

我的HTML代码：

<script>
    $(document).ready(function(){
        $('#searchForm').submit(function(){
            // show that something is loading
            $('#loadingmessage').show();  // show the loading message.
            $('#response').html("<b>Loading response...</b>");
            $('#searchResults').hide();

            /*
             * 'post_receiver.php' - where you will pass the form data
             * $(this).serialize() - to easily read form data
             * function(data){... - data contains the response from post_receiver.php
             */
            $.ajax({
                type: 'POST',
                url: 'php/quicksearch.php', 
                data: $(this).serialize()
            })
            .done(function(data){
                // show the response
                $('#loadingmessage').hide();  // show the loading message.
                $('#searchDiv').show();
                $('#searchResults').show();
                $('#searchResults').html(data);
                $("#searchForm")[0].reset();
                //alert(data);
            })
            .fail(function() {
                // just in case posting your form failed
                alert( "Search failed." );
            });
            // to prevent refreshing the whole page page
            return false;
        });
    });
</script>

任何人都可以帮助我如何将我的PHP脚本返回的JSON数据显示到引导程序表中？ JSON包含大量列，因此我不希望必须通过javascript中的每一列进行分解，而只是将JSON直接传递给引导表。

如果我的搜索表单中没有找到任何结果，我已经通过回复“找不到搜索”回复来处理此页面，否则如果找到搜索匹配则会创建JSON输出。

使用AJAX在表中显示JSON结果

0 个答案: