jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签
发布于 2016-11-25 16:26:40 | 111 次阅读 | 评论: 0 | 来源: 网友投递
jQuery javascript框架jQuery是一个兼容多浏览器的javascript框架,核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave Methvin率领团队进行开发。
这篇文章主要介绍了jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签的相关资料,需要的朋友可以参考下
废话不多说了,直接给大家贴代码了,具体内容如下所示:
// js
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 = $("");
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);
}
});
};
//html
// 后台
@RequestMapping("myAjax")
@ResponseBody
public String myAjax(
@RequestParam(defaultValue = "0", required = false) int cnt) {
List lst = new ArrayList();
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标签,并把list数据赋值到input标签
jquery ajax后台返回list,前台用jquery遍历list的实现
浅析jQuery Ajax请求参数和返回数据的处理
jquery+ajax请求且带返回值的代码
jQuery Ajax请求后台数据并在前台接收
解决jQuery ajax请求在IE6中莫名中断的问题
Jquery ajax请求导出Excel表格的实现代码
jquery ajax请求方式与提示用户正在处理请稍等
jquery Ajax 实现加载数据前动画效果的示例代码
jquery html动态生成select标签出问题的解决方法
jQuery Ajax异步处理Json数据详解
jquery ajax请求实例深入解析