AjaX 二级联动
JSP:
课程名称:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/options.js"></script>
<html:select property="icourseId" onchange="change(this)" style="width:180px;">
<html:option value="0">----请选择以下课程----</html:option>
<html:options collection="clist" labelProperty="ccourseName" property="icourseId"></html:options>
</html:select>
课程章节:
<select name="ichapterId" id="result" style="width:180px;">
<option value="">----请选择以下章节----</option>
</select>
******************************************************************************
options.js:
function change(option){
var opvalue = option.value;
//设置与服务端进行交互的URL(包括中文处理)
var url = "options.do?opvalue="+encodeURI(encodeURI(opvalue));
url = covertURL(url);
//与服务端进行交互,并显示数据
$.get(url,null,function(data){$("#result").html(data);});
}
//处理缓存问题
function covertURL(url){
var timeURL = (new Date()).valueOf();
if(url.indexOf("?") >= 0){
url = url + "&t=" + timeURL;
}else{
url = url + "?t=" + timeURL;
}
return url;
}
***************************************************************************
ACTION:
public class OptionsAction extends Action {
private WebService webservice;
public void setWebservice(WebService webservice) {
this.webservice = webservice;
}
public ActionForward execute(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response
相关文档：
在.net的验证控件中有一个CustomValidator验证控件，其属性ClientValidationFunction为客户端函数，在需要验证的控件失去焦点或者post数据时，调用该函数。
前台：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CustomValidatorTest.aspx.cs" Inherits="Web.CustomValidatorTest" %>
<!DO ......
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<mce:style type="text/css"><!--
.n{TEXT-DECORATION:none;cursor:pointer} a{color:black} a:hover{color:blue}
.m{TEXT-DECORATION:none;c ......
<
script language=
"javascript"
>
$(
document)
.ready
(
function
(
)
{
$(
'#send_ajax'
)
.click
(
function
(
)
{
var
params=
$(
'input'
)
.serialize
(
)
;
//序列化表单的值
$.ajax
(
{
url:
'ajax_json.php'
,
//后台处 ......
AJAX主要有三种：最简单的直接加载整个网页，然后通过innerHTML之类的办法显示在网页上，这个现在用Prototype.js的Ajax.Updater类能轻而易举地实现；另一种最常用的是加载一个只包含数据的文件（比如XML）然后通过一系列代码处理后显示给用户；还有一种是像DWR或PHPRPC那样直接把服务器端的函数生成对应的JS代码给客户端，� ......
var xmlhttp;
function verify()
{
//2.创建XmlHttpRequest对象
//这是XmlHttpRequest对象五步中使用最复杂的一步
//需要针对IE和其他类型的浏览器建立这个对象的不同方式写不同的代码
if(window.XMLHttpRequest)
{
......
