AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签

51自学网 http://www.wanshiok.com
ajax请求返回list,jquery赋值input

废话不多说了,直接给大家贴代码了,具体内容如下所示:

// 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")@ResponseBodypublic 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标签的全部介绍到此结束,希望对大家有所帮助!


ajax请求返回list,jquery赋值input  
上一篇:Angularjs实现多个页面共享数据的方式  下一篇:JavaScript面向对象程序设计教程