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
相关文档：
最近网上提的很多的一个新概念就是 AJAX 了, 那么, AJAX 是什么呢? 以下内容引用网上资料:
AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。它有机地包含了以下几种技术：
Ajax（Asynchronous JavaScript + XML）的定义
基于 web标准（sta ......
<
script language=
"javascript"
>
$(
document)
.ready
(
function
(
)
{
$(
'#send_ajax'
)
.click
(
function
(
)
{
var
params=
$(
'input'
)
.serialize
(
)
;
//序列化表单的值
$.ajax
(
{
url:
'ajax_json.php'
,
//后台处 ......
10个优秀的Ajax和Javascript国外资源网站
转载地址：http://www.zzsky.cn/build/content/1246.htm
1、Ajax Rain: http://www.ajaxrain.com
AjaxRain有很多完美整合Ajax、CSS、DHTML或Javascript的实例，有一些Demo的确值得你去看一看，即使你不是网页设计（开发）师� ......
jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该对象，但特殊情况下可用于手动终止请求。
注意： 如果你指定了 dataType 选项，请确保服务器返回正确的 MIME 信息，(如 xml 返回 "text/xml")。错误的 MIME 类型可能导致不可预� ......
Ajax调用远程服务器数据会出现拒绝访问的问题。这是因为基于安全的考虑，AJAX只能访问本域下的资源，而不能跨域访问。也就是说，domain1.com站点中的AJAX只能访问domain1.com站点下的资源,而不能跨域访问domain2.com站点中的资源，这就是AJAX跨域问题。
解决思路：页面在提交请求时 ......
