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

 更新时间:2016年03月29日 12:00:51   投稿:mrr  
这篇文章主要介绍了jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到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")
@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通过写入cookie实现更换网页背景的方法

    jQuery通过写入cookie实现更换网页背景的方法

    这篇文章主要介绍了jQuery通过写入cookie实现更换网页背景的方法,涉及jQuery结合cookie设置页面元素属性的相关操作技巧,需要的朋友可以参考下
    2016-04-04
  • jQuery实现Table分页效果

    jQuery实现Table分页效果

    这篇文章主要为大家详细介绍了jQuery实现Table分页效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • 再谈Jquery Ajax方法传递到action(补充)

    再谈Jquery Ajax方法传递到action(补充)

    之前写过一篇文章Jquery Ajax方法传值到action,本文是对该文的补充
    2014-05-05
  • jquery中JSON的解析方式

    jquery中JSON的解析方式

    用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里不再做说明
    2015-03-03
  • 防止jQuery ajax Load使用缓存的方法小结

    防止jQuery ajax Load使用缓存的方法小结

    本篇文章主要是对防止jQuery ajax Load使用缓存的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02
  • JQuery Mobile实现导航栏和页脚

    JQuery Mobile实现导航栏和页脚

    导航栏由一组水平排列的链接构成,通常位于页眉或页脚内部。本文给大家介绍JQuery Mobile实现导航栏和页脚的相关知识,需要的朋友参考下吧
    2016-03-03
  • 深入理解jQuery 事件处理

    深入理解jQuery 事件处理

    下面小编就为大家带来一篇深入理解jQuery 事件处理。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • jquery操作cookie插件分享

    jquery操作cookie插件分享

    在网页客户端,我们经常会遇到读取或者设置cookie的情况,如果用纯生的js我们可能会遇到一些兼容性带来的麻烦,这里给大家介绍一个比较实用jquery操作cookie的插件
    2014-01-01
  • Jquery+bootstrap实现表格行置顶置底上移下移操作详解

    Jquery+bootstrap实现表格行置顶置底上移下移操作详解

    这篇文章主要为大家详细介绍了Jquery+bootstrap实现表格行置顶置底上移下移操作,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02
  • jquery 操作DOM的基本用法分享

    jquery 操作DOM的基本用法分享

    jquery 操作DOM的基本用法分享,使用jquery的朋友可以参考下,方便以后对dom操作
    2012-04-04

最新评论