`
lihua-he
  • 浏览: 103024 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

jquery ajax无刷新技术

阅读更多
//总结经验: Json 比dwr 用法好  dwr会将方法都暴漏在外面
1>Action层
public void dismissalTeacherOperation(){
String status = null;
boolean flag = false;
String[] cardIdStr = cardId.split(",");
String employId = cardIdStr[0];
String employStatus = cardIdStr[1];
if(employStatus.equals(Constants.EMPLOY_TEACHER_STATUS_NO)){
flag = employManager.dismissalTeacher(employId);
if(flag){
status = "{msg:'"+Constants.EMPLOY_TEACHER_STATUS_NO+"'}";
}else{
status = "{msg:'"+Constants.EMPLOY_TEACHER_STATUS_YES+"'}";
}
}
JSONObject jsonObject = JSONObject.fromObject(status);
this.sendCallBackValue(jsonObject.toString());
}

public void sendCallBackValue(String content){
HttpServletResponse response = this.getResponse();
        try {
response.getWriter().write(content);
} catch (IOException e) {
e.printStackTrace();
}
}

2>jsp页面
function employ(employId,employStatus,index){
var status=employStatus
var employCardId=employId+','+status;
document.selectEmployForm.divNum.value=index;
if(confirm("<s:text name='employ.judgeResult.shureEmploy'/>")){
jQuery.ajax({
url:"/eitp/employ/judgeResultOperation.html",
data:{cardId:employCardId},//传递参数
type : "post",
cache : false,
dataType : "json",
success:callback
});
}
return false;
}
function callback(data){
var index = document.selectEmployForm.divNum.value
var status = data.msg;//从action中传过来的状态值
var divStatusNum = "status"+index;
var emyployYesNum = "emyployYes"+index;
var employNoNum = "emyployNo"+index;
if(status==0){
document.getElementById(divStatusNum).innerHTML="<font color=\"green\"><s:text name='employ.judgeResult.employOffer'/></font>";
document.getElementById(emyployYesNum).innerHTML="<font color=\"#999999\"><s:text name='employ.judgeResult.employYes'/></font>";
document.getElementById(employNoNum).innerHTML="<font color=\"#999999\"><s:text name='employ.judgeResult.employNo'/></font>";
alert('<s:text name="employ.judgeResult.employOffer"/>');
}else if(status==4){
alert('<s:text name="employ.judgeResult.notEmployForNoAnsQuestion"/>');
}else if(status==5){
document.getElementById(divStatusNum).innerHTML="<font color=\"red\"><s:text name='employ.judgeResult.employNo'/></font>";
alert('<s:text name="employ.judgeResult.employNo"/>');
}else if(status==6){
alert('<s:text name="employ.judgeResult.priorEmploy"/>');
}
}

需要导
<script type="text/javascript" src="/eitp/scripts/jquery/jquery-1.3.2.js"></script>
<script type="text/javascript" src="/eitp/scripts/jquery/json2.js"></script>


//dwr
在dwr.xml中配置
<create creator="spring" javascript="moreScale">  导包时名字要与此一至
         <param name="beanName" value="moreScaleManager"/>   接口
         <include method="scale"/>     接口中的方法名
</create>
在application.service.xml中配置
在页面中调用
moreScale.scale(chooseOrderId,function(qb){
var status = qb.answerStatus;
        if(status==2){
            alert('<s:text name="test.sacle.no"/>');
        }else{
        window.open ('/eitp/test/viewScales.html?infoId='+chooseOrderId+'&scaleTemp='+scaleTemp, 'newwindow', 'height=400, width=600,

top=100, left=100, toolbar=yes, menubar=yes, scrollbars=yes, resizable=yes,location=no, status=no');
        }
      });
导包
<script type="text/javascript" src="<s:url value='/dwr/interface/moreScale.js' />"></script>
<script type="text/javascript" src="<s:url value='/dwr/engine.js'/>"></script>
  • js.zip (38.7 KB)
  • 下载次数: 6
分享到:
评论

相关推荐

    jquery+ajax 无刷新案例

    在IT行业中,jQuery和AJAX是两种非常关键的技术,它们共同为网页开发提供了无刷新、交互性强的用户体验。本案例“jquery+ajax 无刷新案例”着重展示了如何结合使用这两种技术来实现一个MD5加密的功能,用户在前端...

    ASP jQuery AJAX无刷新评论留言实例(好几个)

    在这个实例中,我们将探讨如何使用jQuery和AJAX技术在ASP.NET环境中实现无刷新的评论留言功能。 **jQuery** 是一个轻量级的JavaScript库,极大地简化了DOM操作、事件处理和动画效果。它使得开发者能更高效地编写...

    jquery+ajax实现无刷新提交的功能

    本篇文章将详细介绍如何利用jQuery库结合Ajax技术实现网页的无刷新提交功能。 #### jQuery简介 jQuery是一款流行的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作,使得Web开发者...

    jQueryAjax动态刷新技术

    jQuery AJAX 动态刷新技术是Web开发中的一个重要概念,它使得网页无需重新加载整个页面就能与服务器交换数据并更新部分网页内容。这一特性显著提升了用户体验,因为它减少了等待时间和网络流量。在本文中,我们将...

    Ajax无刷新分页Jquery

    **Ajax无刷新分页Jquery** 是一种网页技术,它允许用户在不重新加载整个页面的情况下更新部分网页内容。这种技术极大地提升了用户体验,因为它减少了页面加载时间,使得用户能够更流畅地浏览和交互。在ASP.NET框架下...

    jquery ajax无刷新的分页

    在网页开发中,"jQuery AJAX无刷新分页"是一种常见的技术,它允许用户在不重新加载整个页面的情况下浏览多页内容。这种技术提高了用户体验,因为它减少了等待时间,并且使得页面在用户交互时更加流畅。接下来,我们...

    jQuery ajax 无刷新 验证码 asp.net

    在IT行业中,jQuery AJAX技术是实现网页无刷新交互的核心手段,尤其在验证码验证场景下,它的应用更加凸显出用户体验的优势。ASP.NET是一个强大的Web应用程序框架,由微软开发,提供了丰富的功能来构建动态网站、Web...

    Ajax + JQuery 实现无刷新效果

    本篇文章将深入探讨如何结合Ajax和jQuery来实现无刷新效果。 首先,Ajax的核心在于创建异步通信,允许后台与服务器进行数据交换而不必重新加载整个页面。这主要依赖于浏览器的XMLHttpRequest对象,但直接操作这个...

    ASP.NET jquery ajax无刷新上传文件demo

    ASP.NET、jQuery 和 AJAX 结合使用可以创建动态、无刷新的网页应用,使得用户在上传文件时无需等待页面重新加载,提升用户体验。本教程通过一个名为 "jquery.uploadify.js" 的插件,演示了如何在 ASP.NET 环境下实现...

    jqueryAjax_无刷新调用另一页实例

    "jqueryAjax_无刷新调用另一页实例"这个标题意味着我们将探讨如何利用jQuery的AJAX功能实现页面的动态加载。 首先,jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计以及AJAX交互。...

    php jquery ajax 无刷新上传图片

    标题中的"php jquery ajax 无刷新上传图片"指的是一个基于Web技术实现的图片上传功能,它结合了PHP、jQuery和AJAX技术,使得用户在不刷新整个网页的情况下能够上传图片,提高了用户体验。这个功能通常应用于各种网站...

    ASP jQuery AJAX无刷新评论 v1.1.rar

    在这个“ASP jQuery AJAX无刷新评论 v1.1”的项目中,开发者利用这些技术实现了页面无刷新的评论系统,使得用户在提交评论时无需等待整个页面重新加载,极大地提升了用户的使用体验。 首先,ASP(Active Server ...

    asp +JqueryAjax+access 无刷新分页

    【ASP + JqueryAjax + Access 无刷新分页】是一种网页开发技术,它结合了ASP(Active Server Pages)后端处理、JqueryAjax前端异步通信以及Access数据库的数据存储,以实现网页数据的动态加载,无需整个页面刷新,...

    jQuery AJAX无刷新评论 v1.0

    **jQuery AJAX无刷新评论系统详解** 在Web开发中,用户交互体验是至关重要的,而无刷新评论系统就是提升用户体验的一种有效手段。本文将详细介绍基于jQuery框架的AJAX无刷新评论系统v1.0,该系统利用jQuery ...

    jQuery Ajax无刷新提交表单并执行邮件通知

    **jQuery与Ajax无刷新提交表单** 在网页开发中,jQuery和Ajax技术的结合使得用户交互体验得到了极大的提升。"jQuery Ajax无刷新提交表单并执行邮件通知"这个主题涉及了两个关键点:一是利用jQuery进行表单验证,二...

    C# jquery ajax 预览并无刷新上传图片

    "C# jQuery AJAX 预览并无刷新上传图片"的主题涵盖了多项技术,旨在提供流畅、直观的用户体验。以下是对这些知识点的详细阐述: 1. **jQuery**:jQuery是一个强大的JavaScript库,它简化了HTML文档遍历、事件处理、...

    php upload文件上传代码 jquery ajax无刷新

    "php upload文件上传代码 jquery ajax无刷新"这个主题涵盖了如何利用这些技术实现文件上传,同时保持页面的无刷新特性。让我们深入探讨一下这个过程。 首先,我们要明白文件上传的基本原理。在HTML中,`...

    PHP+jQuery ajax无刷新上传图片 带上传进度条

    综上所述,通过PHP、jQuery和AJAX的结合,我们可以实现一个无刷新上传图片的功能,并且带有实时的上传进度显示。这不仅可以提高用户体验,还能在不刷新页面的情况下保持其他数据的状态。这个例子中的代码是基础的,...

    基于PHP的jqueryajax无刷新评论 无刷新翻页,字数统计 绝对可以用.zip

    在IT行业中,无刷新技术是提高用户体验的重要手段之一,尤其在网页交互方面。"基于PHP的jqueryajax无刷新评论 无刷新翻页,字数统计 绝对可以用.zip" 这个压缩包文件包含了实现这一目标的核心技术。下面将详细阐述...

Global site tag (gtag.js) - Google Analytics