jQuery ajax请求返回list数据动态生成input标签,并把
网络编程 2021-07-04 21:04www.168986.cn编程入门
这篇文章主要介绍了jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签的相关资料,需要的朋友可以参考下
废话不多说了,直接给大家贴代码了,具体内容如下所示:
// js
<script type="text/javascript"> function myBtn_f() { var t = $('#myCnt').val(); syncAjax('myAjax.html', { 't' : t }, 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, suess : 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 t) { List<String> lst = new ArrayList<String>(); for (int i = 0; i < t; 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标签的全部介绍到此结束,希望对大家有所帮助!
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例,vb做数据库
- tiobe世界编程语言排行榜,全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训,编程基础知识培训
- flash游戏编程基础教程,flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思,图形编程是什么意思
- c语言编程软件下载,c语言编程软件在哪下载
- java编程软件下载,java编程下载手机版
- ug编程培训学校,ug编程培训教程