自己做了一个关于ajax的例子，希望能给你带来方便，谢谢!!!
所用的JS框架是prototype-1.6.0.2.js当前最新版。
demo.js-------------
//demo
var Demo=Class.create();
Demo.prototype={
//init
initialize:function(){
this.author="ddh";
this.url="handle.jsp";
this.pars="";
},
//submit
submitData:function(title,content,divName){
this.pars="title="+title+"&content="+content;
new Ajax.Updater(
divName,
this.url,
{
method: 'get',
parameters: this.pars
});
}
}
handle.js-------------
//handle
function _submitData()
{
demo=new Demo();
demo.submitData($F('title'),$F('content'),'result');
}
index.jsp---------------
<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>insert news</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript" src="js/prototype-1.6.0.2.js"></script>
<script type="text/javascript" src="js/demo.js"></script>
<script type="text/javascript" src="js/handle.js"></script>
</head>
<body>
Insert News <br> <br>
Title: <input id="title" name="title"><br/>
Content:<textarea id="content" name="content" rows="5" cols="17"></textarea>
<br/><br/>
<input type="button" onclick="_submitData();" value="submit">
<br/><br/><br/>
<div id="result"></div>
</body>
</html>
其详细资料请查看附件。
分享到：
相关推荐
prototype-ajax简单例子，做的不好，大家看看
本人也是菜鸟,刚接触ajax,只希望和大家分享一下这个例子
使用prototype操作ajax的例子. 附带prototype.js库
使用Struts2和Spring和Ibatis进行整合实现增删改查，使用prototype.js进行添加数据
prototype1.4.js和prototype1.5.js,以及一些例子代码
关于 prototype 的ajax的小，修改下数据库的链接例子
三种实现AJAX的方式的简单例子，自己构建httpRequest 采用prototype，采用juery
Ajax PHP Image Cut PHP图片裁切,图片裁切之生成缩略图部分和预览功能的实现，这是一个关于PHP Ajax裁切图片并在服务器端生成新图片的简单例子，这次不是jquery，而是使用另一个有名的JS插件：prototype，同样具有很...
其中包括一个级联下拉列表的小测试，用于ajax，jquery入门学习，还有prototype.1.7.js和jquery的jar包。
ajax，JS流行的框架prototype例子及资料。
这一过程将乐趣无穷，我们衷心地希望，有一天能看到你开发的基于ajax的一流应用!... 目录 译者序. 前言 致谢 关于技术审校 第1章 ajax简介 1 1.1 web应用简史 1 1.2 浏览器历史 2 1.3 web应用的发展历程 3 ...
工程里面包含两个例子，一个是普通的异步提交给servlet，一个是使用了prototype js框架提交action.注释齐全
网上收集整理的基于prototype实现的ajax调用webservice，在axis.js的后面nsuri是绑定的命名空间，增加了Array的类型，可存放string或int,long等基础类型，callWebService方法里是调用一个服务端通用的方法，可自行...
This is a simple demo of some of the AJAX helpers now available in CAKE. These helpers are directly modeled on Ruby On Rails. In fact, they were shamelessly ported from rails...很不错的基于php+ajax的例子
程序描述：本章模仿Google ig，使用Ajax技术实现一个个性化主页系统。通过拖拽方式设置主页，当完成拖拽窗口时，自动保存布局，使用户可以随时根据喜好来设置布局。 /login.jsp 登录页面 /homepage.jsp ...
以下用一个我的具体使用例子来解释：效果看这里 1. Ajax.Request 你可以这样创建它 代码如下:var url = ‘http://yoursever/your/your’; var pars = ‘id=xxx’; var myAjax = new Ajax.Request( url, ...
手风琴菜单,可展开、折叠，基于Prototype的手风琴菜单，一个典型的层展开与折叠的应用代码，对Prototype感兴趣的朋友们，希望不要错过这个小例子，这个实例用jQuery也是很容易就实现的，不过作为又一Ajax的类库——...
SWFUpload是一个客户端文件上传工具，最初由Vinterwebb.se开发，它通过整合Flash与JavaScript技术为WEB开发者提供了一个具有丰富功能继而超越传统标签的文件上传模式。 * 可以同时上传多个文件； * 类似AJAX的无...
你是否曾经注意到javascript的对象有点像数据库中的记录，你把很多javascript对象包装到一起时就像是你在处理一个数据库中的表，TaffyDB是一个Javascript库，它提供了强大的数据库功能，大大改善了你在Javascript中...