- 浏览: 6306175 次
- 性别:
- 来自: 一片神奇的土地
文章分类
- 全部博客 (745)
- JQuery (25)
- JS (33)
- 数据库 (59)
- Java基础 (56)
- JSON (8)
- XML (8)
- ireport (7)
- 设计模式 (10)
- 心情 (14)
- freemarker (1)
- 问题 (15)
- powerdesigner (2)
- CSS (15)
- DWR (4)
- tomcat (16)
- Hibernate (12)
- Oracle (7)
- Struts (7)
- Spring (34)
- JSP (23)
- 需学习 (64)
- 工具类库 (63)
- Maven (14)
- 笔试题 (34)
- 源码学习 (31)
- 多线程 (39)
- Android (32)
- 缓存 (20)
- SpringMVC (14)
- jQueryEasyUi (12)
- webservice-RPC (13)
- ant (1)
- ASP.NET (10)
- 正则表达式 (3)
- Linux (15)
- JBoss (1)
- EJB (3)
- UML (2)
- JMS (3)
- Flex (8)
- JSTL (2)
- 批处理 (5)
- JVM (16)
- 【工具】 (16)
- 数据结构 (29)
- HTTP/TCP/Socket (18)
- 微信 (1)
- tomcat源码学习 (15)
- Python (30)
- 主机 (2)
- 设计与架构 (19)
- thrift-RPC (2)
- nginx (6)
- 微信小程序 (0)
- 分布式+集群 (12)
- IO (1)
- 消息队列 (4)
- 存储过程 (8)
- redis (9)
- zookeeper (5)
- 海量数据 (5)
最新评论
-
360pluse:
技术更新,战术升级!Python爬虫案例实战从零开始一站通网盘 ...
Python爬虫实战:Scrapy豆瓣电影爬取 -
18335864773:
推荐用 pageoffice 组件生成 word 文件。
JAVA生成WORD工具类 -
jjhe369:
LISTD_ONE 写道起始地址为163.135.0.1 结束 ...
IP地址与CIDR -
baojunhu99:
private final int POOL_SIZE = 5 ...
使用CompletionService获取多线程返回值 -
LovingBaby:
胡说,javascript 运行时是单线程的,event lo ...
Ajax请求是否可以实现同步
实现了选择第一个时,第二个才显示,并且显示的是对应的信息
主要实现:
1.进入页面时第二个 select隐藏,第一个被清空,通过传回的List将第一个 select的option补全
2.通过ajax将第一个select中选中的值对应的信息传入,dataType类型为html,将返回的result添加到第二个 select中
2.通过ajax将第一个select中选中的值对应的信息传入,dataType类型为html,将返回的result添加到第二个 select中
<tr> <td><label class="text">所属区域编号:</label></td> <td valign="middle"> <select id="address_city_id"></select> <input type="hidden" name="areaStore.city" id="address_city" /> <select id="address_region_id"></select> <input type="hidden" name="areaStore.region" id="address_region" /></td> </tr>
<script> function initCity(){ $("#address_region_id").hide(); $("#address_city_id").empty(); $("<option value='-1'>请选择...</option>").appendTo($("#address_city_id")); <c:forEach items="${cityList}" var="city" > $("<option value='${(city.produce_area_id)}' >${city.produce_area_name}</option>").appendTo($("#address_city_id")); </c:forEach> $("#address_city_id").change(function(){ $("#address_city").val($("#address_city_id option:selected").text()); $.ajax({ method:"get", url:"areaStore!list_region.do?city_id=" + $("#address_city_id").attr("value"), dataType:"html", success:function(result){ alert(result); $("#address_region_id").show(); $(result).appendTo($("#address_region_id")); }, error:function(){ alert("异步失败"); } }); }); $("#address_region_id").change(function(){ $("#address_region").val($("#address_region_id option:selected").text()); }); } $(function(){ initCity(); }); </script>
alert(result)得到的为:
<option value="-1">请选择...</option> <option value="2">上城区</option> <option value="3">下城区</option> <option value="4">江干区</option> <option value="5">拱墅区</option> <option value="6">西湖区</option> <option value="7">滨江区</option> <option value="8">萧山区</option>
第二个请求:
public String list_region() { regionList = areaStoreManager.listRegion(city_id); return "list_region"; }
<action name="areaStore" class="areaStoreAction"> <result name="list_region">/Region_Area_Panel.html</result> </action>
Region_Area_Panel.html页面(第二个select中内容):
<option value="-1">请选择...</option> <#list regionList as region> <option value="${(region.produce_area_id)}">${region.produce_area_name}</option> </#list>
1
发表评论
-
抢购学习
2019-03-01 10:53 964来源:https://blog.csdn.net/lius ... -
JSONP跨域
2019-02-26 11:31 938jQuery jsonp跨域请求(很详细) json和j ... -
Ajax请求是否可以实现同步
2018-06-14 10:32 5054Ajax请求是否可以实现同步 当JS代码加载到当前A ... -
jQuery新特性总结
2017-09-18 16:00 856$(document).on: 从jQuery1.7开始 ... -
jQuery中map函数
2017-04-06 10:13 1185两种方式: 1、直接jQuery.map //将原数组中 ... -
JS实现的刮刮卡程序
2017-01-05 11:38 2839来源: 基于HTML5 Canvas的刮奖(刮刮卡)小控 ... -
Google插件
2016-06-29 11:56 1370Chrome插件下载 吐血推荐珍藏的Chrome插件 ... -
移动端图片上传解决方案localResizeIMG先压缩后ajax无刷新上传
2016-03-10 09:46 10887现在科技太发达,移动设备像素越来越高,随便一张照片2M+, ... -
使用megapixImage.js定位并展示上传的图片
2016-03-09 18:10 3533megapix-image插件 使用Canvas压缩图片上 ... -
基于jquery实现日历签到功能
2016-02-23 14:05 17648使用Jquery实现每日签到功能 基于jquery实现日 ... -
加载更多
2015-02-05 14:59 3390加载更多: 默认展示第一页数据,向下滑动加载第二页数据,依 ... -
Jquery表单验证插件–Validform
2015-02-05 11:44 20097Validform: Jquery表单验证插件–Valid ... -
EasyUI项目中的自定义JS
2014-07-09 17:15 4896自定义方法: (function($) { ... -
jquery.cookie.js使用介绍
2013-12-30 10:58 2336对cookies的操作在当访问一个网站就无时无刻的都伴随着我 ... -
Jquery打造可以上下移动行的表格
2013-05-06 16:05 3639current.insertBefore(prev); c ... -
[转]JQuery语法总结和注意事项
2011-12-03 13:09 17341、关于页面元素的引用 通过jquery的 $() ... -
jQuery的自动完成插件autocomplete
2011-05-17 14:17 13686autocomplete方法有两个参数,第一个用来填写URL地 ... -
jQuery实现Select多选列表双击选中项时相互添加
2011-05-13 11:45 8884jQuery实现在左边双击某一项时添加到右边,右边时添加到左边 ... -
Jquery中的验证jquery.validate.js
2010-12-06 20:03 3399默认验证信息是英文,要改成中文,需引入如下js:jquery. ... -
JQuery插件开发 + 插件
2010-11-03 20:31 2842jQuery插件库 jQuery插件 精品代码 WE ...
相关推荐
对于$.ajax请求来说,如果层级比较多,程序看起来会比较乱,而为了解决这种问题,才有了$when…done…fail…then的封装,它将$.ajax这嵌套结构转成了顺序平行的结果,向下面的$.ajax写法,看起来很乱 $.ajax({ url...
一、$.ajax的一般格式 $.ajax({ type: 'POST', url: url , data: data , success: success , dataType: dataType }); 二、$.ajax的参数描述 参数 描述 url 必需。规定把请求发送到哪个 URL。 data 可选...
Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的...一、$.ajax的一般格式 $.ajax({ type: 'POST', url: url , data: data , success: success , dataType: dataType }); 二、$.a
Jquery的$.ajax的用法: jQuery.ajax( options ) : 通过 HTTP 请求加载远程数据,这个是jQuery 的底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。 $.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况...
$.ajax({ url:"test", type:"post", data:{ blogTitle : $("#form1 input").val(), blogType : $("#form1 option:selected").val(), article : htmlcontent }, dataType: "json", success: functi
$.ajax({ url: "personController.do?methodName=queryPersons", method: "post", data: {page: 20, limit: 5}, dataType: "json", success: function (res,status,xhr) { } }
本文介绍了关于angularJs中使用$.ajax的注意点,分享给大家,具体如下 从技术上来讲,angular 与 jquery混用,是一件不太合适的,但是为什么这个话题争论至今依旧仁者见仁智者见智, 除了便捷度,还有可能就是...
晚上在修改代码,之前用的 代码如下: $.ajax({ .. dataType:’json’, … success:function(json){ //不执行success }, error:function(error){ //总是执行这个error } }); 为什么会这样子呢?在网上查了好久,结果...
开始的代码如下: 代码如下: $.ajax({ type: “get”, url: “Database/App_all.xml”, dataType: “xml”, timeout: 2000, beforeSend: function () {}, success: function (xml) { $(xml).find(“app[id=’id-1′]...
本文实例为大家讲解了jQuery $.ajax()方法参数,供大家参考,具体内容如下 $.ajax({ url:'test.do', data:{id:123,name:'xiaoming'}, type:'post', dataType:'json', success:function(data){ alert(...
$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求。 $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息。详细参数选项见下。 ...
* 对jquery中$.ajax进行封装,以便加入锁屏功能 * isAsync 是否为异步请求,默认为true * isLock 是否锁屏,默认是true * isCache 是否从浏览器缓存中加载信息,默认是fasle ***/ ;(function($) { $.fn.doPost = ...
jsonp 解决的是跨域 ajax 调用的问题。为什么要跨域 ajax 调用呢?这样可以在一个应用中直接在前端通过 js 调用另外一个应用(在不同的域名下)的 ... 代码如下:$.ajax({ dataType: ‘jsonp’, error: function (xh
$.ajax( { type: 'POST', url: APP+'?m=Shopping&a=ajaxSubmitorder&sid='+sid+'&src='+src,\ncache:false,\ndataType: 'json', data: {'src':src,uid: uid,'shipping_id':shipping_id,'order_a
$.ajax({ type: POST, url: root + /xxx, data: requestData, dataType: json, success: function(data){ // 清空列表 $(#formOpinion #listLeft).empty(); $.each(data, function(i, $data) { var $option = $(<...
$.ajax({ async: false, type : “POST”, url : defaultPostData.url, dataType : ‘json’, success : function(data) { temp=data; } }); alert(temp); 这个ajax请求则为同步请求,在没有返回值之前,...
jar包,官方版本,自测可用
$.ajax({ type: 'post', url: '/XXX', dataType: 'json', success:function(data){ var item; $.each(data,function(i,result){ item= <tr><td>+result['name']+</td><td>+result['age']+</td></tr>; $('.table')....
代码如下: $.ajax({ type: “GET”, url: “Services/EFService.svc/Members”, data: “{}”, contentType: “application/json; charset=utf-8”, dataType: “json”, success: function (data) { // Play with ...
获取具有所需 API 结构的对象,并基于它创建一个定义良好的接口来处理“$.ajax”调用。 这取决于jQuery。 目标 对于那些不想要完整的 MV* 框架或不能接受该模式(可能是因为遗留系统)但仍想找到一种方法来为您的 ...