Question

如何创建系统如下：在表单中，我有2个输入（“Date from”和“Date to”），然后单击“Submit”按钮，表格包含数据（通过使用数据库查询收集，其中设置了日期）。我用PHP制作了一切，一切正常，但我不知道如何为它实现aJax。我需要aJax的原因是该表必须在同一页面中，在提交Date（我还设置默认日期（今天的日期）之后），不需要设置Date。

我想，我的代码是必要的，但是如果有需要，请问，我会给它。那么，问题是，如何在那里实现ajax？

Answer 1

使用JQuery，你可以做这样的事情

PHP generate_table.php

<?php
    $start_date = $_POST['start_date'];
    $end_date = $_POST['end_date'];
    //Here goes your table generation script
    $table = sprintf('<p>%s - %s</p>',$start_date,$end_date); //Generated table (here's just a p for simplicity
    echo json_encode(array('table' => $table));     
?>

HTML index.html

<form id="dates">
    <input name="start_date" />
    <input name="end_date" />
    <input type="submit" id="submit_date" />
</form>

<div id="generated_table"></div>

<script>
    //We generate the event when they click the submit button
    $('#submit_date').click(function(e){
        e.preventDefault();//Prevent default behaviour
        $.ajax({
            type: 'POST',
            url: 'generate_table.php',
            data:$('#dates').serialize(), //Sending the dates as post parameters
            success:function(data){
                $('#generated_table').html(data.table); //Output the table in the div
            }
        })
    })
</script>

CodeIgniter form_submit和aJax用于创建数据表

1 个答案: