jquery异步请求实例代码
更新时间：2011年06月21日 22:22:25 作者：
jquery异步请求实例代码，需要的朋友可以参考下。
1、用ajax
jsp代码如下：
$.ajax({
type:"get",
dataType:"json",
url:"<%=basePath%>actionSmUser.do?method=getUserMsgByUserId",
data:"userId="+userId,
success:function(msg){
var data = eval("("+msg.responseText+")");
alert($("#userName").val());
$("#userName").val(data[0].userName);
}
});
2、用getJSON方式：
$.getJSON(url,function(data){
if(data!=null && data!=""){
$("#userIdInput").val(data[0].userId);
$("#userNameInput").val(data[0].userName);
$("#menusIdInput").val(data[0].menusId);
$("#depIdInput").val(data[0].depId);
$("#isValidInput").val(data[0].isValid);
$("#userIdInput").attr("disabled",true);
}
});
两种台Action返回字符串的组织形式可采用JSONArray array 的方式，返回array.toJSONString();
jsp代码如下：
复制代码 代码如下:
$.ajax({
type:"get",
dataType:"json",
url:"<%=basePath%>actionSmUser.do?method=getUserMsgByUserId",
data:"userId="+userId,
success:function(msg){
var data = eval("("+msg.responseText+")");
alert($("#userName").val());
$("#userName").val(data[0].userName);
}
});
2、用getJSON方式：
复制代码 代码如下:
$.getJSON(url,function(data){
if(data!=null && data!=""){
$("#userIdInput").val(data[0].userId);
$("#userNameInput").val(data[0].userName);
$("#menusIdInput").val(data[0].menusId);
$("#depIdInput").val(data[0].depId);
$("#isValidInput").val(data[0].isValid);
$("#userIdInput").attr("disabled",true);
}
});
两种台Action返回字符串的组织形式可采用JSONArray array 的方式，返回array.toJSONString();
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了jQuery插件zTree实现删除树节点的方法,结合实例形式分析了jQuery树插件zTree针对节点的遍历与删除操作相关技巧,需要的朋友可以参考下2017-03-03
本文给大家分享的是一段使用jQuery制作的星级评分的代码，非常大气漂亮，功能也很实用，这里推荐个大家。2014-12-12
juqery 学习之四 筛选过滤函数说明，学习jquery的朋友可以参考下。2010-11-11
前些天记录了java中for循环取map，发现用jquery的each一样可以取map（我称之为js的map，不要较劲），且顺序和map中顺序一致。2011-02-02
这里以jquery异步获取的数据类型——json对象和字符串为依据，分别介绍两种方式获取到的结果处理方式2014-07-07
本文主要是使用jDialog插件实现的弹出框效果，代码十分简介，需要的小伙伴自己参考下吧。2015-04-04
使用jquery-easyui的布局layout写后台管理页面的代码详解
这篇文章主要介绍了使用jquery-easyui的布局layout写后台管理页面的代码详解，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-06-06
Bootstrap是最流行的前端开发框架。本文涉及到bootstrap的特性介绍，本文介绍的非常详细，具有参考借鉴价值，感兴趣的朋友一起看看吧2016-10-10
jQuery Easyui datagrid/treegrid 清空数据
这篇文章主要介绍了jQuery Easyui datagrid/treegrid 清空数据的相关资料2016-07-07
优秀js开源框架-jQuery使用手册(1)...2007-03-03
最新评论