`
羽风之扬
  • 浏览: 86463 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ajax局部更新

阅读更多
前台:function queryTsr(){
var agentNo;
var userName;
var userCode;
var tsrType = document.getElementById("tsrType").value;
var pointTsr = document.getElementById("pointTsr").value;
alert(tsrType);
alert(pointTsr);
if(tsrType=="" || tsrType==null){
alert("请选择坐席输入类型!");
return false;
}
if(pointTsr=="" || pointTsr==null){
alert("请输入坐席!");
return false;
}
if(tsrType=="1"){
agentNo=pointTsr;
form1.action = "<%=request.getContextPath()%>/getUserAll.do?agentNo="+agentNo;
}
if(tsrType=="2"){
userCode=pointTsr;
form1.action = "<%=request.getContextPath()%>/getUserAll.do?userCode="+userCode;
}
if(tsrType=="3"){
userName=pointTsr;
form1.action = "<%=request.getContextPath()%>/getUserAll.do?userName="+userName;
}
$("form[name='form1']").ajaxSubmit({async: false,
type: "post",
data:{},
contentType:"application/x-www-form-urlencoded; charset=UTF-8",
success:function(json){
var data = eval('(' + json + ')');
var userAllList=data.data;
var allUser=$("#userAll");
allUser.html("");
for(var i=0;i<userAllList.length;i++){
var userAll=userAllList[i];
var td="<td class='inputbg' border='0' colspan='6'>"+
"<input name='userName' disabled='disabled' class='inputbg' style='color:#ff0000;font-family:黑体' value='"+userAll.userName+"'/>"+
"<input name='umCode' disabled='disabled' class='inputbg'  value='"+userAll.umCode+"'/>"+
"<input name='agentId' disabled='disabled' class='inputbg' value='"+userAll.agentId+"'/>"+
"</td>";
allUser.append(td);
allUser.show();
}
}
});
  }
后台controller
List userAllList = (List) this.getDispatch().dispatchRequest(
CommonUtils.getAggregatedSearchDTO("role.searchUserAll", userDto),
ServiceRequestId.AGGREGATED_SEARCH_ACTION);
ajaxDTO.setData(userAllList);
ajaxDTO.setMsg("success");
resultMap.put(AjaxUtil.JSON_RETURN_OBJECT, AjaxUtil.toJson(ajaxDTO));
// resultMap.put("userAllList", userAllList);
return new ModelAndView(this.getSuccessView(),resultMap);
分享到:
评论

相关推荐

    asp ajax 局部更新

    ASP.NET AJAX局部更新技术主要涉及的是网页无需整体刷新即可实现部分区域动态更新的功能,这极大地提高了用户体验,减少了网络流量。在本实例中,我们将重点讨论ASP.NET中的Ajax局部更新、UpdatePanel控件以及如何...

    使用Ajax局部更新Razor页面的实例代码

    总结一下,使用Ajax局部更新Razor页面的基本步骤包括: 1. 创建Controller和Action,负责处理Ajax请求并返回部分视图。 2. 在Razor视图中,设置触发Ajax请求的元素(如链接)。 3. 编写JavaScript代码,使用Ajax发起...

    Ajax局部更新导致JS事件重复触发问题的解决方法

    总结来说,处理Ajax局部更新中事件重复触发的问题,需要仔细管理事件监听器的生命周期,避免在不应当的地方重复绑定事件监听器,并且要确保每次更新后都有正确的事件监听器绑定。通过以上方法,可以有效地解决在带有...

    ajax局部刷新技术ajax局部刷新技术ajax局部刷新技术

    ### AJAX局部刷新技术详解 #### 一、简介 AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换来实现这一点,从而提升...

    AJAX局部刷新案例

    在"AJAX局部刷新案例"中,我们关注的是如何通过JavaScript和相关的DOM操作来实现网页的局部刷新。这种技术通常涉及到以下几个关键组件: 1. **XMLHttpRequest对象**:这是AJAX的核心,它创建了一个异步的HTTP请求,...

    java实现ajax局部刷新

    这里的"Java实现Ajax局部刷新"是一个基础的示例,旨在帮助初学者理解Ajax的工作原理及其在实际开发中的应用。 首先,让我们详细解释Ajax的核心概念。Ajax并非一种单一的技术,而是一种综合运用多种Web技术...

    jquery .ajax 局部刷新之后 js无法调用问题解决

    然而,在使用`.ajax`进行局部刷新后,有时会出现JavaScript无法正确调用的问题,这主要涉及到DOM(文档对象模型)更新、作用域以及事件绑定等问题。下面将详细探讨这个问题及其解决方案。 ### 1. DOM更新问题 当`....

    AJAX局部刷新技术

    **AJAX(Asynchronous JavaScript and XML)** 是一种在无需重新加载整个网页的情况下,能够更新部分网页内容的技术。它的核心在于使用JavaScript与服务器进行异步数据交换,通过XML或者JSON等格式传输数据,并且...

    ajax 局部刷新的例子

    Ajax(Asynchronous JavaScript and XML...总之,Ajax局部刷新通过异步请求和动态更新DOM,极大地提高了网页的交互性和用户体验。在开发Web应用时,善用Ajax能显著提升用户满意度,同时降低服务器负载,提高系统效率。

    运用ajax局部刷新 制作登录验证

    "运用Ajax局部刷新 制作登录验证"是一个旨在提升用户体验的技术实践。Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许网页在不重新加载整个页面的情况下与服务器交换数据并更新部分网页...

    Ajax局部刷新c#源码

    Ajax局部刷新技术是一种在网页不进行整个页面刷新的情况下,通过后台与服务器异步交换数据并局部更新页面的技术。这种技术极大地提升了用户体验,因为它允许用户在交互时无需等待整个页面加载,仅更新必要的部分。C#...

    asp.net中ajax局部刷新

    ### ASP.NET中Ajax局部刷新详解 #### 一、引言 在Web开发中,局部刷新是一种常见的技术,它能够在不重新加载整个页面的情况下更新部分页面内容。这种技术极大地提升了用户体验,尤其是在复杂的Web应用中,局部刷新...

    php ajax 实现局部刷新简单例子(超简单化)

    在探讨PHP与AJAX如何协同工作以实现网页的局部刷新之前,我们首先需要理解这两个技术的基本概念及其在现代Web开发中的角色。 ### PHP:服务端脚本语言 PHP(Hypertext Preprocessor)是一种广泛使用的开源服务器端...

    Ajax局部刷新分页

    Ajax局部刷新分页就是一种这样的应用,它允许用户在不重新加载整个页面的情况下,仅更新页面中与分页相关的部分。这种技术在大数据量、多页展示的场景下特别有用,如电商产品列表、论坛帖子等。 首先,我们需要理解...

    ajax与php利用json传输数据,实现局部刷新

    Ajax的核心在于创建XMLHttpRequest对象,通过异步发送HTTP请求到服务器,获取响应,然后在客户端处理这些数据,更新DOM元素,实现局部刷新。PHP作为服务器端脚本语言,常用于处理和返回数据,特别是JSON格式的数据,...

    手写js实现Ajax局部刷新技术

    国家电网的一个面试题,要求不使用ajax控件实现页面的局部刷新

    ajax技术 局部更新内容

    Ajax(Asynchronous JavaScript and XML)技术是Web开发中的一种重要技术,它允许在不刷新整个网页的情况下,通过后台与服务器交换数据并局部更新页面内容。这项技术极大地提升了用户体验,因为它减少了用户等待时间...

    购物车和AJAX局部刷新两个实例源码

    4. AJAX:使用XMLHttpRequest对象或者现代浏览器的fetch API,向服务器发送请求,获取返回的数据,然后在页面上进行局部更新。 在实际实现中,购物车的AJAX操作可能包括: - 添加商品:用户点击“加入购物车”按钮...

    Ajax局部刷新小实验

    Ajax局部刷新技术是一种在网页无需整体刷新的情况下更新部分页面内容的方法,主要依赖于JavaScript和XMLHttpRequest对象。在本文中,我们将深入探讨Ajax的基本概念、核心代码以及如何实现局部刷新。 首先,了解Ajax...

Global site tag (gtag.js) - Google Analytics