Tanpa berlengah lagi, saya hanya akan menghantar kod untuk anda Kandungan khusus adalah seperti berikut:
// js
<script type="text/javascript"> function myBtn_f() { var cnt = $('#myCnt').val(); syncAjax('myAjax.html', { 'cnt' : cnt }, function(result) { if (100 == result.statusCode) { var data = result.lst; var $d = $('#myDiv'); alert("[" + data + "]"); for ( var i = 0; i < data.length; i++) { var input1 = $("<input type='text' name='input1' />"); input1.attr('value', data[i]); $d.append(input1); } } else { alert("error"); } }); } function syncAjax(myUrl, myData, sufn) { $.ajax({ url : myUrl, data : myData, type : 'post', dataType : 'json', cache : false, async : false, success : function(result) { if (result.statusCode == 200) { alert("会话超时,请重新登录!"); window.location.href = "index.jsp"; } else { if (sufn) sufn(result); } }, error : function(msg) { alert("error:" + msg); } }); }; </script>
//html
<tr> <td><input type="text" id="myCnt" /></td> <td><div id="myDiv"></div></td> </tr> <input id="myBtn" type="button" value="create" onclick="myBtn_f()" />
//Balik pentas
@RequestMapping("myAjax") @ResponseBody public String myAjax( @RequestParam(defaultValue = "0", required = false) int cnt) { List<String> lst = new ArrayList<String>(); for (int i = 0; i < cnt; i++) { lst.add("no:" + i); } JSONObject result = new JSONObject(); result.put("statusCode", 100); result.put("lst", lst); return result.toString(); }
Ini adalah penghujung semua pengenalan tentang permintaan ajax jQuery untuk mengembalikan data senarai dan menjana teg input secara dinamik, dan menetapkan data senarai kepada teg input saya harap ia akan membantu semua orang!