概述
废话不多说了,直接给大家贴代码了,具体内容如下所示:
// 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()" />
// 后台
@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(); }
关于jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签的全部介绍到此结束,希望对大家有所帮助!
最后
以上就是贪玩戒指为你收集整理的jQuery ajax请求返回list数据动态生成input标签,并把lis的全部内容,希望文章能够帮你解决jQuery ajax请求返回list数据动态生成input标签,并把lis所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复