请问Extjs中的ajax怎么用，后台怎么传值过来啊？_百度知道
请问Extjs中的ajax怎么用，后台怎么传值过来啊？
我有更好的答案
按默认排序
/page.Ajax.php'params里面写你的需要传的值:&#39.request({接受你传值的后台;&#47，可以是jsp，该函数将被执行
var text = response.0版本给出的例子Ext:{ process server response here
}).responseText, /&#47、&#47,提交成功后:function(response){&#47、php等动态&#47:1&#47，id对应form提交时的name
}首先声明我给你的例子是extjs4;
后台是怎么处理的呢？public String findAll() {
st=stuBIZ.findAll();
String s=st.toJ
HttpServletResponse response=ServletActionContext.getResponse();
PrintWriter out=
try {out = response.getWriter(); out.println(s); out.flush(); out.close();
} catch (IOException e) {
e.printStackTrace();
把你需要返回的东西写入到流里面返回就可以了
其他类似问题
extjs的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁网页设计教程与开发
提供各种常见网页效果
提供各种各样的设计教程
装扮QQ，让QQ变得更酷
设计参考，提高自升水平
学习服务器和操作系统
提供各种素材和工具
收藏学习资料
您现在的位置：&&>>&&>>&&>>&&>>&正文
AJAX结合CSS实现的网页Tab选项卡效果
破洛洛文章简介：在本文中，我们花了许多时间来为你寻找最好的以Tab选项卡切换为基础的界面应用，这些Tab选项卡切换应用包括使用纯CSS和以AJAX结合CSS实现的。
原文:37+ Great Ajax, CSS Tab-Based Interfaces翻译: 帕兰
在过去几年中，Web开发人员开发了许多Ajax和CSS，Tab选项卡切换为基础的界面，成为一项非常有趣的技术，它让我们用一种简单的方式获得信息，而不需要打开和关闭多个窗口。
在本文中，破洛洛花了许多时间来为你寻找最好的以Tab选项卡切换为基础的界面应用，这些Tab选项卡切换应用包括使用纯CSS和以AJAX结合CSS实现的。
自动切换的Tab选项卡切换效果
1) Easy Tabs 1.2 with autochange- 你可以设置成自动切换模式的Tab选项卡菜单
2) Rotating jQuery tabs这个自动切换的Tab选项卡菜单效果非常酷，在切换的时候文字可以产生淡入淡出效果。 3) Slideshow Tab Content Script-&- 这个TAB选项卡菜单支持幻灯片的自动播放模式。
滑动门TAB选项卡菜单
4) Sliding Tabs- Sliding Tabs是一个mootools插件，它拥有一个非常漂亮的滑动效果。界面设计基本是模仿iTunes音乐商店和Panic的风格。
5) Coda-Slider-一个神奇的 jQuery Coda，界面设计简洁清新，滑动平稳。
6) Perspective tabs- 这个滑动门的前身是Sliding Tabs，使用mootools 创建，允许在有限的宽度里面拥有更多的Tab选项卡，也就是说，顶部的Tab是可以滚动的。
破洛洛文章简介：在本文中，我们花了许多时间来为你寻找最好的以Tab选项卡切换为基础的界面应用，这些Tab选项卡切换应用包括使用纯CSS和以AJAX结合CSS实现的。
Ajax 的Tab选项卡内容块
7) Ajax Tabs Content Script- 这个一个多功能的Ajax Tab选项卡内容块，它可以让你在一个DIV层或是原来的HTML元素里面显示一个外在文件里面的内容。
拥有关闭能力的Tab选项卡菜单
8 ) Tab Panes-这是一个XP风格的Tabs，可以让你实时载入或关闭一个Tab选项卡。
9) Closeable Tabs Module- 这个也是可以关闭，但是没有发现打开功能。
绝对值得一看的一些Tab选项卡实例操作
10) Fabtabulous- 使用Prototype创建的一个简单Tab
11) JQuery TabContainer Theme-一个JQuery的Tab选项卡内容，切换的时候拥有淡出效果。
12) moo.fx Tab Accordion- 使用moo.fx创建，拥有手风琴效果的Tab选项卡内容切换。
13) MooTabs- MooTabs一个极小巧(3kb) 的Tabs,基于 MooTools. 主要是创建一个简单的导航 。
破洛洛文章简介：在本文中，我们花了许多时间来为你寻找最好的以Tab选项卡切换为基础的界面应用，这些Tab选项卡切换应用包括使用纯CSS和以AJAX结合CSS实现的。
14) TabView component- The TabView component使用的是Yahoo的UI库，旨在让开发人员创建一个TAB导航的内容浏览。
15) Fancy Sliding Tab Menu- 基于script.aculo.us框架创建的一个非常酷的TAB效果。鼠标浮动在相应的Tab时，TAB成伸缩展示效果。
16) Control.Tabs- 一个简单的CSS tab选项卡切换 ，利用Prototype.js
17) Zapatec Ajax Tabs- 这个DEMO使用 Zapatec AJAX 传送内容到Tab层里面动态显示。
Ajax Tab选项卡切换效果 生成器
18) 15daysofjquery- jQuery Tabs 一个简单的表单让你可以轻松创建一个Tab选项卡切换效果。
高级Tab选项卡切换效果
19) Advanced Tabs 这个Tab控制完全使用javascript来演示: 自适应Tab大小， Tab 滚动, 为Tabs添加图标, 可使用Tab插件(上下文菜单)等等。
20) Floating window with tabs 这个脚本基于一个普通的CSS Tab选项卡. 使用和设置它都非常简单. 只需要放置你的HTML内容和调用一个javascript函数就能实现。
21) AJAX Tabs (Rails redux) 使用Ajax来载入内容的Tab选项卡切换。
破洛洛文章简介：在本文中，我们花了许多时间来为你寻找最好的以Tab选项卡切换为基础的界面应用，这些Tab选项卡切换应用包括使用纯CSS和以AJAX结合CSS实现的。
22) Ajax Tabs Reloaded 利用Ajax，用户可以添加或者移除一个Tab内容块而不需要重新载入页面。
23) JQuery Nested Tab
纯CSS的Tab选项卡切换
24) Cross browser tabbed pages with embeded links 不需要javascript - 只用CSS - 并且是有效的，且支持大部分主流浏览器. 当鼠标悬浮在Tab上时，显示Tab内容区。
25) CSS Tabs这是一个不需要使用任何图像或Hack的CSS Tab选项卡菜单。
26) CSS-driven tabs
29) Hidden Tab menu 一个简单的显示和隐藏Tab内容区的选项卡菜单。
30) Inverted Sliding Doors tabs- 这是一个倒置的滑动门Tab选项卡切换，也就是说，Tab切换菜单在内容块的下面。
破洛洛文章简介：在本文中，我们花了许多时间来为你寻找最好的以Tab选项卡切换为基础的界面应用，这些Tab选项卡切换应用包括使用纯CSS和以AJAX结合CSS实现的。
31) Updated Simple CSS Tabs- 这个二级层联的CSS Tab选项卡切换，也就是说，在一个CSS Tab内容块里面，还可以加入一个二级CSS Tab选项卡。
32) CSS Tabs with Submenus- 这个CSS TAB主要教你如何利用CSS和嵌套无序列表来实现切换效果。
33) Simplified CSS Tabs
Ajax Tab选项卡切换效果 教程
35) Dynamic Ajax Tabs in 20 Lines 动态的Ajax Tab选项卡切换，只需要使用17行代码，当然，要基于Prototype Javascript 框架。
36) Building Tabbed Content 这个教程告诉你，如何AJAX实时载入内容的Tab选项卡。当用点击一个Tab时，将与服务器连接并传回相应的数据。37) CSS Tabs- 一个强大的教你创何使用CSS来创建Tab选项卡 。34) Tabs- 使用CSS 创建的TAB选项卡切换显示.28) CSS Tabs- 基于 Joshua Kaufman版本设计的CSS Tab选项卡菜单27) CSS-driven tabs
转载请注明:破洛洛(谢谢合作)
上一篇文章： 下一篇文章：
网友评论：通过查阅资料总结如下，如有错误一起交流。共同进步此题的意思是说页面不需要刷新而只改变他的URl，这样便于此时的页面保存为书签。其中的关键就是利用了js中history对象的两个新成员pushstate 和replacestate，然后再结合Ajax的异步传输功能。浏览器的问题：chrome，firefox以及IE10.0以上才可以使用这项功能。对比传统的Ajax1、可以无刷新改变页面内容，但无法改变页面URL2、为了更好的可访问性，内容发生改变后，改变URL的hash(从#开始的URL)3、hash的方式不能很好的处理浏览器的前进、后退等问题这样就引入了两个新的浏览器操作接口pushstate 和replacestate下面我们就重点介绍这两个接口的功能以及如何使用：1、pushState是将指定的URL添加到浏览器历史里其中：var state = {&&&&&&&&&&&&&&&&&&& title: title,&&&&&&&&&&&&&&& url: options.url,&&&&&&&&&&&&&& &otherkey: othervalue&&&&&&&&&& };window.history.pushState(state, document.title, url);&&& &//三个参数，分别为：状态对象，标题（目前被浏览器忽略），地址说明state是一个字典数组，里面存放的数据。另外window对象上提供了onpopstate事件(浏览器上的前进和后退操作)，上面传递的state对象会成为event的子对象，这样就可以拿到存储的title和URL了。&//当onpopstate这个event事件发生时，上面的state对象会成为event的子对象，这样就可以拿到存储的state对象的content.innerHTML和page了。&var popstate = function(){&&title = history.state.&&url = history.state.&&//测试说明popstate事件表示浏览器前进和后退& alert(history.state.title+&,....,&+history.state.url);&};&window.addEventListener('popstate', popstate, false);};& //popstate函数监听popstate事件。2、replaceState是将指定的URL替换当前的URL。只将新的URL内容显示出来而没有必要刷新。//指定的URL替换当前的URL，有三个参数其中第一个是字典数组表示状态对象，第二个是标题，第三个是地址&window.history.replaceState(&&&& &&{&&&&&&&& title: title,&&&&&&&& url: options.url,&&},&&page,&&urlbase + (page & 1 ? '?page=' + page : '' )& //产生新的URL&);不管怎么样新的知识点就只有这几点，下面举一个例子会比较好理解：下面的例子代码用的是php语言实现的，功能是：改变页码时URL改变而不刷新页面，并且可以将URL保存到标签里，另外可以实现前进与后退操作。&&温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
LOFTER精选
阅读(283)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_',
blogTitle:'淘宝某页面的的JS中对Ajax请求的封装',
blogAbstract:'最近一段时间一直在抽时间学习JS，当然除了看一些基础书之外，更多的是直接在网上找一些比较大的网站，啃一啃他们的页面中的JS，发现可以让自己进步得更快一些，看来源代码也是另一种不错的教程&下面是来自淘宝某页面的JS代码，用来封装页面中常用的ajax请求：function&emptyFunc(){}function&sAJAX(func,method,url,data,efunc){&&&&AJAX(func,method,url,true,null,null,data,efunc);}function&AJAX(func,method,url,async,user,password,da',
blogTag:'',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:0,
publishTime:3,
permalink:'blog/static/',
commentCount:0,
mainCommentCount:0,
recommendCount:0,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}请问如何实现js中利用$.ajax通过struts传值到action然后通过struts的结果集跳到指定页面？_百度知道
请问如何实现js中利用$.ajax通过struts传值到action然后通过struts的结果集跳到指定页面？
提问者采纳
text&对应ajax请求中url的名字(不包括action)&quot:&result&逻辑处理代码 return &quot,
type.xml配置文件中&lt,
dataT$(function(){ $;定义setter方法public void setAge(Integer age){
&***;}定义逻辑处理方法public String execute()throws Exception{ /可以不写
} }):比如要传值var age=23;;action&/ &;要跳转的页面路径&action类中定义属性private Integer age.ajax({
result name=&quot.action& type=&post&&}/&#47:&redirect&;success& class=&&lt:&});success&quot:&;age=&quot.age =/+对应action类&quotJS中:function(data){
action name=&quot
提问者评价
动漫,上网,90后,乐观主义,学生,Jay迷,听音乐,执着,努力ING,记忆力超常
其他类似问题
按默认排序
其他2条回答
body.php&data是返回的纯文本;.href=data$: &quot。或是URL
}});&#47: document, context: function(data){
location，不要HTML标志;&#47.ajax({test, success
你这样做，为什么要用ajax呢？直接GET传就OK了么...
struts的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁}