众所周知,ajax可通过直接写源码实现,但有点繁琐,现在流行的ajax框架都集成了ajax的功能,而且写起来非常简单方便。当然mootools也不例外。
mootools的Request实现了对XMLHttpRequest的功能包装类,下面是我写的小例子:
js:
function testPing(){
var url = document.getElementById("url").value;
var pingRequest = new Request({
method: "post",
url: "../site/ping.do",
onSuccess: function(responseText){
if(responseText=="success"){
document.getElementById("pingDiv").innerHTML ="此url可ping通";
}
else{
document.getElementById("pingDiv").innerHTML ="此url不能ping通";
}
},
onFailure: function(){
document.getElementById("pingDiv").innerHTML ="此url不能ping通";
}
});
pingRequest.send("url="+ url);
}
html:
<input type="text" id="url" name="${status.expression}" value="$!{status.value}"/>
<input type="button" name="ping" value="测试链接" onClick="testPing()" />
<div style="color: #f5001D;" id="pingDiv"></div>
java代码:
@RequestMapping("/site/ping.do")
public void ping(@RequestParam("url") String url,ModelMap model, HttpServletResponse response) throws IOException {
AjaxUtil ajaxUtil = new AjaxUtil();
try {
Ping ping = new Ping();
boolean pingFlag = ping.pingServer(url,5);
if(pingFlag){
ajaxUtil.ajaxOutput(response, "success");
}else{
ajaxUtil.ajaxOutput(response, "error");
}
} catch (Exception e) {
ajaxUtil.ajaxOutput(response, e.toString());
}
}
public class AjaxUtil {
/**
* 将对象转化为JSON字符串
* @param object
* @return
*/
public String convert2JSONString(Object object) {
JSONArray jsonObject = JSONArray.fromObject(object);
return jsonObject.toString();
}
/**
* 返回AJAX调用结果
* @param response
* @param outputString
* @throws java.io.IOException
*/
public void ajaxOutput(HttpServletResponse response, String outputString) throws IOException {
response.setContentType("text/html; charset=utf-8");
response.getWriter().write(outputString);
response.getWriter().flush();
}
}
分享到:
- 2009-05-14 15:50
- 浏览 2631
- 评论(1)
- 论坛回复 / 浏览 (1 / 4321)
- 查看更多
相关推荐
收集一些使用mootools.js 实现的ajax效果集代码,虽然是前些年的例子,不过大部分依然都是很流行的,也可以拿去当作前端开发的参考范例了。里面涉及了层操作、拖动、表单、时间日期、动画、图片特效等众多效果,而且...
内容索引:JSP源码,上传下载,Mootools,JSP上传文件 JSP+Mootools实现的Ajax无刷新上传文件,附有完整的JAVA源文件,方便您的二次开发和修改,带上传进度条,适时显示上传进度,演示截图如上示,对于学习来说,这个...
FancyUpload是一个采用Flash与Ajax(MooTools)技术实现包含上传进度条的多文件上传组件,类似于SWFUpload。 2. SwfUploadPanel (演示地址) SwfUploadPanel是一个结合SwfUpload v2.0.2与ExtJS 2.0.x开发的多文件上传...
dom属性操作,javascript完美OO实现,javascript线程,高级Ajax,强大的DragDrop,超级控件(可在外观/模板/行为/数据模型四个维度上定制的标准控件,可完全自定义控件)等。 jsLinb is a Cross-Browser javascript ...
内容索引:脚本资源,Ajax/JavaScript,Mootools,拖动分页 基于Mootools 的滑块拖动分页的实现示例,代码比较多,部分代码来自YAHOO,完整运行本例子需要在JSP环境下,而且需要把数据库脚本导入到数据库中。...
JSP Ajax无刷新上传文件实例,本程序实现Ajax功能的插件为Mootools,附有完整的JAVA源文件,上传文件时显示进度条,适时显示上传进度,所使用到的JAVA类:commons-io-1.2.jar、commons-fileupload-1.1.jar,已内附...
让我们看看JSONP的是怎么在jQuery,MooTools的,Dojo Toolkit中实现的。 jQuery的JSONPjQuery.getJSON方法:Js代码 代码如下:jQuery.getJSON(“http://search.twitter.com/search.json?callback=?”,{ q: “Arsenal...
今天笔者在这里讲一讲使用joomla自带的mootools javascript库的实现ajax,由于是自带库,所以不用管有没有jquery,那么怎么实现呢,首先建立一个ajax的获取按钮,一般我们都是在组件的编辑中用到,所以文件一般在views\你...
随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype、YUI、jQuery、 mootools、Bindows以及国内的JSVM框架等,通过将这些JS框架应用到我们的项目中能够使程序员...
HashNav是使用JavaScript制作的功能强大的AJAX式哈希导航(或“ HashNav”)类。 它与MooTools 1.3版及更高版本兼容。 为开发人员提供的一些漂亮工具包括: 周围最独特,最直观的哈希URI解析器之一 以简洁高效的...
随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等,通过将这些JS框架应用到我们的项目中能够使程序员...
随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等,通过将这些JS框架应用到我们的项目中能够使程序员...
随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype、YUI、 jQuery、mootools、Bindows以及国内的JSVM框架等,通过将这些JS框架应用到我们的项目中能够使程序员...
Jquery插件 1.jQuery UI Tabs ...Mootabs是mootools1.1实现的一个微型插件,可以通过ajax来加载tab。 4.Pluggable MooTools Tabs 5.Sliding Tabs Sliding Tabs也是基于mootools1.1实现的,如果你是在使
随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等,通过将这些JS框架应用到我们的项目中能够使程序员...
原味的js,只是用到ajax的时候会选择mootools的xhr包,辛苦的操作dom这么久了觉得也是时候启用便捷的框架提高效率了
FancyUpload是一个采用Flash与Ajax(MooTools)技术实现包含上传进度条的多文件上传组件,类似于SWFUpload。
没有JavaScript框架(如jQuery,MooTools的,等等)。 与IE浏览器,火狐,Chrome浏览器,Opera和Safari浏览器。(Safari和Chrome似乎并没有兑现下拉列表中的最小宽度属性虽然)。 只需拖动-N-下降到您的网页,并开始...
这是jQuery的低级AJAX实现。要查看高级抽象,见$.set、$.post等,这些方法更易于理解和使用。但是功能上有限制(例如,没有错误处理函数)。 警告:如果数据类型指定为"script",那么POST自动转化为GET方法。...