自己公司： 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 %>"/>