Question

我正在尝试在HTML中创建一个自我更新的表单，并在网上搜索解决方案，这导致了失败。

以下是我的表单的HTML代码：

<form action="http://wt.ops.few.vu.nl/api/a6bddee1" method="post"> <input type="submit"        value="Submit" onclick="myFunction();"> 
    <table style="width: 200px; height: 100px;">
        <tr>
            <th>Name</th>
            <th>Category</th>       
            <th>Amount</th>
            <th>Location</th>
            <th>Date</th>
        </tr>
        <tr>
            <td>Banana</td>
            <td>Fruit</td>      
            <td>1</td>
            <td>Madrid</td>
            <td>09-01-2015</td>
        </tr>
        <tr>
            <td>Mango</td>
            <td>Fruit</td>      
            <td>19</td>
            <td>Singapore</td>
            <td>29-12-2014</td>
        </tr>
        <tr>
            <td>Pineapple</td>
            <td>Fruit</td>      
            <td>22</td>
            <td>London</td>
            <td>02-01-2015</td>
        </tr>
        <tr>
            <td><input type="text" name="name">  </td>
            <td><input type="text" name="category"> </td>       
            <td><input type="text" name="amount"> </td>
            <td><input type="text" name="location"> </td>
            <td><input type="date" name="date"> </td>
        </tr>
    </table>
</form>

表单中的数据可以通过我的代码中的链接获取。按下提交按钮时，将运行以下脚本：

function myFunction() {
    var jqxhr = $.get("http://wt.ops.few.vu.nl/api/a6bddee1", function( data ) {
        $.each(data, function(index, value) {
           alert(index + ': ' + JSON.stringify(value));
        });
    })
}

此代码是一项测试，看看我是否可以获取数据（我仍然是初学者），并将它们置于警报中。

我希望我的表单可以使用最新的输入数据（例如：您在表单上填写Apple，Fruit，22，Amsterdam，12-12-2014，然后按提交）并将该数据添加到表单，并为您提供一个新的输入表单（基本上添加一行与最新的输入，并给出一个新的输入字段）

如何使用最新输入更新您的html表单？

0 个答案: