使用Dojo实现页面不刷新提交数据

前端之家收集整理的这篇文章主要介绍了使用Dojo实现页面不刷新提交数据前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

<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,evt){
alert(data);
}

preventCache:true // dojo是默认进行前台缓存的,但如果我们访问的是动态页面,会产生一些无法正确调用后台action的现象(但前台仍 //显示成功执行action),解决办法很简单,只要屏蔽掉dojo的前台缓存就可以了
});});
});
</script>

BusinessInfoList.java

response.setCharacterEncoding( " utf-8 " );
PrintWriterout
= response.getWriter();
out.print(a
+ b);
return null ;

一定要返回null

猜你在找的Dojo相关文章