没有合适的资源?快使用搜索试试~ 我知道了~
js-day05培训内容_easyui1
需积分: 0 0 下载量 91 浏览量
2022-08-08
23:23:54
上传
评论
收藏 34KB DOCX 举报
温馨提示
![preview](https://dl-preview.csdnimg.cn/86393199/0001-edc9bd6b99ba39953bc555760d3f82d3_thumbnail-wide.jpeg)
![preview-icon](https://csdnimg.cn/release/downloadcmsfe/public/img/scale.ab9e0183.png)
试读
11页
js-day05培训内容_easyui1
资源详情
资源评论
资源推荐
![](https://csdnimg.cn/release/download_crawler_static/86393199/bg1.jpg)
培训要求
1)省份-城市-区域三级联动【struts2 + ajax +非数据库版】
2)查阅文档,使用 jQuery-EasyUI 组件,构建自已的 Web 页面(上)
一)省份-城市-区域三级联动【struts2 + ajax +非数据库版】
(1)省份-城市-区域,基于 jQuery 的 AJAX 三级联动,用 Struts2 整合 AJAX【非数据库版】
$.ajax(
{
type:"POST",
url:"${pageContext.request.contextPath}/findCityByProvinceRequest?id="+new Date().getTime(),
data:{"province":province},
success:function(backData,textStatus,ajax){}
}
);
注意:上面的每个 key 值不能乱写
<select id="province">
<option>选择省份</option>
<option>广东</option>
<option>湖南</option>
</select>
<select id="city">
<option>选择城市</option>
</select>
<script type="text/javascript">
$("#province").change(function(){
//删除原城市下拉框中的内容,除第一项外
$("#city option:gt(0)").remove();
var province = $("#province
option:selected").text();
if("选择省份" != province){
$.ajax({
"type":"POST",
"url":"${pageContext.request.contextPath}/findCityByPr
ovince?time="+new Date().getTime(),
"sendData":{"province":province},
"success":function(backData,textStatus,ajax){
![](https://csdnimg.cn/release/download_crawler_static/86393199/bg2.jpg)
//js对象
var city = backData.cityList;
//jquery对象
var $city = $(city);
//each()
$city.each(function(){
//this表示每个城市
var $option = $("<option>" + this +
"</option>");
$("#city").append( $option );
});
}
});
}
});
</script>
public class ProvinceCityAction extends ActionSupport{
private String province;//广东
public void setProvince(String province) {
this.province = province;
}
public String findCityByProvince() throws Exception {
cityList = new ArrayList<String>();
if("广东".equals(province)){
cityList.add("湛江");
cityList.add("汕头");
}else if("湖南".equals(province)){
cityList.add("邵阳");
cityList.add("浏阳");
}
return "ok";
}
private List<String> cityList;
public List<String> getCityList() {
return cityList;
}
/**
* var backData = {
* "cityList":["邵阳","浏阳"]
* }
*/
}
![](https://csdnimg.cn/release/download_crawler_static/86393199/bg3.jpg)
<struts>
<package name="timePackage" extends="json-default"
namespace="/">
<global-results>
<result name="ok" type="json"/>
</global-results>
<!-- 获取服务端时间 -->
<action
name="loadTimeRequest"
class="cn.itcast.javaee.js.time.TimeAction"
method="loadTimeMethod"/>
<!-- 检查用户名和密码是否存在 -->
<action
name="checkRequest"
class="cn.itcast.javaee.js.register.RegisterAction"
method="checkMethod"/>
<!-- 根据省份查询城市 -->
<action
name="findCityByProvince"
class="cn.itcast.javaee.js.provincecity.ProvinceCityAc
tion"
method="findCityByProvince"/>
</package>
</struts>
二)学会查阅文档,使用 jQuery-EasyUI,构建自已的 Web 页面
(1)网址:www.jeasyui.com,下载并参考学习<<jQuery EasyUI v1.3.5 官方 API 中文版.exe>>手册
(2)什么是 jQuery-EasyUI
参见<<什么是 EasyUI.JPG>>
是一种第三方组织开发的一款基于 jQuery 的,简单易用的,功能强大的
WEB[后台前端]JavaScript 现成的组件库
注意:今天的 EasyUI 组件库的版本较高,需要高版本浏览器支持,
剩余10页未读,继续阅读
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![js](https://img-home.csdnimg.cn/images/20210720083646.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![application/x-zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![js](https://img-home.csdnimg.cn/images/20210720083646.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![avatar](https://profile-avatar.csdnimg.cn/1c46434549274aff918aa7948d5bb8cb_weixin_35798118.jpg!1)
顾露
- 粉丝: 16
- 资源: 315
上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![voice](https://csdnimg.cn/release/downloadcmsfe/public/img/voice.245cc511.png)
![center-task](https://csdnimg.cn/release/downloadcmsfe/public/img/center-task.c2eda91a.png)
安全验证
文档复制为VIP权益,开通VIP直接复制
![dialog-icon](https://csdnimg.cn/release/downloadcmsfe/public/img/green-success.6a4acb44.png)
评论0