使用Dojo实现页面不刷新提交数据
2011-04-14 16:07
447 查看
<div id=temp></div><button id="changeME">changeme</button>
<form name="add">
<input type="text" name="a"/>
<input type="text" name="b"/>
</form>
<script>
dojo.addOnLoad(function(){
var changeMeButton=dojo.byId("changeME");
//给按钮添加点几事件
dojo.event.connect(changeMeButton,"onclick",function(){
//调用ajax
dojo.io.bind({
encoding: 'UTF-8'//你的 jsp 會得到 xxxxx; 的 ascii 編碼, 原因為在 io.js 中有會預設使用 encodeAscii 方式.
var enc = /utf/i.test(encoding||"") ? encodeURIComponent : dojo.string.encodeAscii;
所以要在加上 encoding 有 utf 的字樣即可得到以 UTF8 編碼的中文字傳至你的 jsp 中.. 所以 script 修改如下
url:"/crifa/BusinessInfoList.do
",
content: {a: 1, b: 2}, //url参数方式
formNode:add //表单方式
mimeType:"text/plain",
load:function(type,data,evt){
alert(data);
},
error:function(type,data,evt){
alert(data);
}
preventCache:true //
dojo是默认进行前台缓存的,但如果我们访问的是动态页面,会产生一些无法正确调用后台action的现象(但前台仍 //显示成功执行action),解决办法很简单,只要屏蔽掉dojo的前台缓存就可以了
});});
});
</script>
BusinessInfoList.java
response.setCharacterEncoding(
"
utf-8
"
);
PrintWriter out
=
response.getWriter();
out.print(a
+
b);
return
null
;
一定要返回null
<form name="add">
<input type="text" name="a"/>
<input type="text" name="b"/>
</form>
<script>
dojo.addOnLoad(function(){
var changeMeButton=dojo.byId("changeME");
//给按钮添加点几事件
dojo.event.connect(changeMeButton,"onclick",function(){
//调用ajax
dojo.io.bind({
encoding: 'UTF-8'//你的 jsp 會得到 xxxxx; 的 ascii 編碼, 原因為在 io.js 中有會預設使用 encodeAscii 方式.
var enc = /utf/i.test(encoding||"") ? encodeURIComponent : dojo.string.encodeAscii;
所以要在加上 encoding 有 utf 的字樣即可得到以 UTF8 編碼的中文字傳至你的 jsp 中.. 所以 script 修改如下
url:"/crifa/BusinessInfoList.do
",
content: {a: 1, b: 2}, //url参数方式
formNode:add //表单方式
mimeType:"text/plain",
load:function(type,data,evt){
alert(data);
},
error:function(type,data,evt){
alert(data);
}
preventCache:true //
dojo是默认进行前台缓存的,但如果我们访问的是动态页面,会产生一些无法正确调用后台action的现象(但前台仍 //显示成功执行action),解决办法很简单,只要屏蔽掉dojo的前台缓存就可以了
});});
});
</script>
BusinessInfoList.java
response.setCharacterEncoding(
"
utf-8
"
);
PrintWriter out
=
response.getWriter();
out.print(a
+
b);
return
null
;
一定要返回null
相关文章推荐
- 使用Dojo实现页面不刷新提交数据
- 使用Dojo实现页面不刷新提交数据
- 使用Dojo实现页面不刷新提交数据时避免前台缓存的方法
- 使用 jQuery+Ajax+MySQL+Servlet 实现不刷新页面数据更新
- 使用iframe实现提交表单不刷新页面
- [javascript library]使用js实现页面刷新后依然保留表单填写的数据
- 使用服务端事件委托机制来防止页面重复提交数据或客户端浏览器使用(F5)刷新提交数据
- react表单提交(实现提交时不刷新页面并一键获取到所有数据)
- 记录<a>标签使用中click事件中ajax提交数据后,整体页面也做了刷新操作的坑
- 使用iframe实现提交表单不刷新页面
- 使用setTimeout()实现页面自动刷新数据
- 使用iframe实现提交表单不刷新页面
- AjaxPanel自定义控件实现页面无刷新数据交互(做了个示例程序, 效果确实比较Cool, 用法非常简单!
- 用ajax提交数据到后台,并且把计算结果从后台把数据转到前台(该过程不刷新页面)
- 解决刷新页面造成的数据重复提交问题
- Ajax简单案例(实现提交值到服务器值不刷新页面)
- Atitit.列表页面and条件查询的实现最佳实践(1)------设置查询条件and提交查询and返回json数据
- php实现refresh刷新页面批量导入数据的方法
- iframe标签实现form表单提交无页面刷新(不需要js)---解析
- 如何使用JS等各种方法实现刷新当前页面