自己做了一个关于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交互，通过`AjaxServlet.java`（一个Java后端处理程序）和`ajax2.jsp`（一个JSP页面，用于展示Ajax请求的结果）来实现这一功能。 首先，我们来看`AjaxServlet.java`。这是...
5. **Transport对象**：Prototype内部使用了一个名为Transport的对象来处理实际的HTTP请求。它封装了XMLHttpRequest对象，使得开发者无需直接操作低级的XMLHttpRequest API。 6. **Callbacks和Options**：Prototype...
在本例中，我们使用Prototype.js，这是一个轻量级的JavaScript库，提供了丰富的DOM操作接口和Ajax功能，简化了Ajax应用的开发。 Prototype.js库提供了许多方便的函数，如Ajax.Request和Ajax.Updater，它们是执行...
Prototype是一个JavaScript库，尤其以其对DOM操作的简化而闻名。它不是UI框架，而是专注于JavaScript的增强和DOM扩展。Prototype的最新版本是1.6，可以在www.prototypejs.org上找到更多相关信息。 Prototype库提供...
`prototype`是JavaScript的一个库，它为JavaScript语言添加了许多实用的功能，其中包括对Ajax操作的强大支持。本实例将探讨如何使用Prototype库中的Ajax功能进行编程。 首先，我们需要理解Prototype库是如何引入到...
在这个例子中，`Ajax.Request`接收两个参数：服务器端URL和一个选项对象。选项对象可以包含`method`（默认为GET），`parameters`（发送的数据），以及各种回调函数，如`onSuccess`和`onFailure`，用于处理服务器的...
Prototype是一个流行的JavaScript库，它为JavaScript提供了许多实用的工具和扩展，包括Ajax功能。在Prototype中，Ajax对象是通过`Ajax`模块提供的，它包含了多种方法来发起不同类型的HTTP请求，如`Ajax.Request`，`...
在Ajax应用中，通常会有一个后端服务器，负责处理来自客户端的请求并返回数据。这部分可能涉及到JDBC（Java Database Connectivity）来与数据库交互，或者使用ORM（Object-Relational Mapping）框架如Hibernate或...
级联下拉列表是一种常见的网页交互元素，常用于如地区选择、分类筛选等...这个压缩包中的例子提供了一个学习AJAX和jQuery交互的好起点，对于初学者来说，通过研究这个例子可以深入理解这两种技术在实际项目中的应用。
PrototypeJS 是一个广泛使用的JavaScript库，它为浏览器端的JavaScript编程提供了一系列强大的工具和功能，大大简化了DOM操作、事件处理、Ajax交互等任务。在标题中提到的"prototype1.4.js"和"prototype1.5.js"是...
【标题】"ajax 例子demo(protype)"是一个关于使用AJAX技术实现动态页面更新的示例项目，其中可能包含了对JavaScript原型（protype）概念的应用。这个项目旨在帮助开发者理解和学习如何利用AJAX来增强用户体验，减少...
Prototype是一个JavaScript框架，它为AJAX操作提供了简洁的API。使用Prototype实现AJAX请求如下： ```javascript new Ajax.Request('your-api-url', { method: 'get', onSuccess: function(response) { ...
1.6.0.2是Prototype的一个版本，这个版本在2008年发布，提供了许多增强和修复。在这个"prototype 1.6.0.2.js+使用DEMO例子"的压缩包中，包含了该版本的核心库文件和相关示例，旨在帮助开发者更好地理解和应用...
以下是一个简单的例子： ```javascript function sendAjaxRequest() { var xhr = new XMLHttpRequest(); xhr.open('GET', 'AjaxServlet?param=value', true); xhr.onreadystatechange = function() { if (xhr....
这个"j2ee和ajax 标签写的一个非常棒的例子"展示了如何将两者结合，创建一个高效的、用户友好的Web应用程序。 **AJAX简介** AJAX的核心是通过JavaScript异步地向服务器发送请求并处理响应，这使得用户无需等待整个...
通过这个对象，我们可以创建一个后台连接，不打断用户的界面交互，进行数据的通信。 2. JavaScript：在Ajax中，JavaScript负责处理用户交互、创建和控制XMLHttpRequest对象、发送请求以及解析返回的数据。它通过...
本篇将深入讲解`Prototype`库中的`Ajax`模块，并通过一个小例子来展示如何使用`Prototype`进行数据库连接的模拟操作。 首先，了解`Prototype`的核心概念——`prototype`。在JavaScript中，每个函数都有一个名为`...
这个源码例子展示了如何利用Prototype技术创建一个带有动画效果的精美网页选项卡。在这个实例中，我们将深入探讨Prototype的核心概念、选项卡的实现原理以及动画效果的添加方法。 Prototype的核心特性包括对象扩展...
Prototype是一个由Sam Stephenson创建的JavaScript库，旨在简化和标准化JavaScript编程，使之成为Web应用程序开发的重要工具之一，尤其是在Web 2.0时代。在Prototype出现之前，开发者面临着跨浏览器兼容性的问题以及...
总的来说，这个程序例子展示了如何结合Office Web Component的Spreadsheet和AJAX技术，创建一个动态且用户友好的Web电子表格应用。开发者可以从中学到如何利用这些技术实现实时的数据交互，以及优化用户体验。