Html中的Ajax显示文本框中给出的详细信息 [英] Ajax in Html to display the details given in Text boxes

问题描述

这是我的Ajax代码

This is my Ajax code

function AppViewModel() {
                $('#form').submit(function(){
                    $.ajax( {
                        url : '...',
                        data:JSON.stringify(data), 
                        method : 'GET',
                        success: function(date) { //you need to append the data to gridview
                            for (var i = 0; i < 10; i++) {
                                $("#text").append("<table><tbody><tr><td>" + date[i].Text1 + 
                                                            "</td><td>" + date[i].Text2 + "</td></tr></tbody></table>");
                            }
                        }});
                })

这是我的HTML代码

This is my HTML code

   <form id="form" method="get" >
   <table >
 <tr><td>First name</td><td> <input type="text" class="inputs" id="first"/></td></tr>
    <tr><td>Last name</td><td> <input type="text" class="inputs" id="Text1" /></td></tr>
    <tr><td>Dob</td><td><input type="text" id="datepicker"/></td></tr>
    <tr><td>Description</td><td> <textarea rows="5" cols="17" class="inputs" id="Text3" ></textarea></td></tr>
       <tr><td><input type="button" value="submit" onclick="AppViewModel()" id="text" /></td></tr>
        </table>
</form>
        <div id="date"></div>

推荐答案

（' #form'）。submit（ function （）{

('#form').submit(function(){

.ajax（{
url：' ...'，
data： JSON .stringify（data），
方法：' GET'，
成功：功能（日期）{ // 您需要将数据附加到gridview
for （ var i = 0 ;我< 10 ; i ++）{

.ajax( { url : '...', data:JSON.stringify(data), method : 'GET', success: function(date) { //you need to append the data to gridview for (var i = 0; i < 10; i++) {

（ ＃text）。append （ < table>< tbody>< tr>< td> + date [ i] .Text1 +
< / td>< td> + date [i] .Text2 + < / td>< / tr>< / tbody>< / table> ;）;
}
}}）;
}）

("#text").append("<table><tbody><tr><td>" + date[i].Text1 + "</td><td>" + date[i].Text2 + "</td></tr></tbody></table>"); } }}); })

这是我的HTML代码

This is my HTML code

   <form id="form" method="get" >
   <table >
 <tr><td>First name</td><td> <input type="text" class="inputs" id="first"/></td></tr>
    <tr><td>Last name</td><td> <input type="text" class="inputs" id="Text1" /></td></tr>
    <tr><td>Dob</td><td><input type="text" id="datepicker"/></td></tr>
    <tr><td>Description</td><td> <textarea rows="5" cols="17" class="inputs" id="Text3" ></textarea></td></tr>
       <tr><td><input type="button" value="submit" onclick="AppViewModel()" id="text" /></td></tr>
        </table>
</form>
        <div id="date"></div>

这篇关于Html中的Ajax显示文本框中给出的详细信息的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！