自己公司： jQuery 异步加载的写法

jackroomage

浏览: 1215071 次
性别:
来自: 北京

最近访客更多访客>>

SzBenQ6917

sh1818

bruce_ma

sjhjane

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

自己公司代码结构总结
jQuery

j@uery 异步加载的方法

第一版：

1、方法：
function cancleFaq(faqID) {
    if (confirm("你确定要取消吗？")) {
        if (faqID != null && faqID != '') {
            var url = "${_currConText}/ask/cancleFaq.shtm";
            $.post(url, {faqID:faqID, _r:Math.random()}, function(data){
                $("#data").html(data);
                   var result = $("#data_result").val();
                   alert(result);
                   if (result.indexOf("成功") > 0) {
                       location = "<c:url value='/ask/list.shtm'/>";
                   }
                   else {
                       return false;
                   }
            });
        }
    }
}

2、要访问的cancleFaq.jsp页面：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="java.util.HashMap" %>
<%@ taglib tagdir="/WEB-INF/tags/ask" prefix="ask" %>
<%@ include file="/WEB-INF/jsp/common/common.jsp" %>
<%@ include file="/WEB-INF/jsp/login/loginCheck.jsp" %>
<ask:cancleFaq faqID="${ param.faqID }" var="result" userID="${ loginMember.userID }"></ask:cancleFaq>
<input type="hidden" id="data_result" value="${ result }"/>

3、成功之后，返回list.jsp页面
location = "<c:url value='/ask/list.shtm'/>";

第二版：方法如下，

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/common/common.jsp" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/sql" prefix="sql" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<script>
     function ckc(vl){
     var isAskUrl = "<c:url value='/ask/ajax/isJson2.shtm' />"
     var numh=vl.value;
     $.post(isAskUrl,{numh:numh,ranNum:Math.random()},function(data){
           $("#data").html(data);
           var result = $("#data_result").val();
    //      alert(result);
        document.getElementById("inputid").value=result;
      });
    }
</script>

<body>
<div id="data"></div>
<input type="text" value="" onpropertychange="ckc(this);"/><br></br>
<input type="text" value="" id="inputid"/>
</body>
</html>

访问的isJson2. jsp页面如下：

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/common/common.jsp" %>
<%@ taglib tagdir="/WEB-INF/tags/fee" prefix="fee" %>
<%
String StrVal=request.getParameter("numh");
%>
<input type="hidden" id="data_result" value="<%=StrVal %>"/>

分享到：

El表达式截取字符串的长度，大于12个字的 ... | 一个输入框有变化，对应的输入框也要有变化 ...

2012-04-20 14:34
浏览 1214
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论