`
ddh9504
  • 浏览: 112418 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

一个关于ajax的例子(prototype)

阅读更多

自己做了一个关于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>&nbsp;<br>
   
   Title: &nbsp;&nbsp;&nbsp;&nbsp;<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>

 

 

其详细资料请查看附件。

分享到:
评论
2 楼 lizhuang 2008-12-16  
最好打包成war,要不人家没有eclispe打开你的例子很麻烦的。国外都是用war包。谢谢分享!
1 楼 shiren1118 2008-04-11  
hehe谢了

相关推荐

    prototype-ajax例子

    本示例将探讨如何使用Prototype库进行Ajax交互,通过`AjaxServlet.java`(一个Java后端处理程序)和`ajax2.jsp`(一个JSP页面,用于展示Ajax请求的结果)来实现这一功能。 首先,我们来看`AjaxServlet.java`。这是...

    prototype一个简单的ajax例子

    5. **Transport对象**:Prototype内部使用了一个名为Transport的对象来处理实际的HTTP请求。它封装了XMLHttpRequest对象,使得开发者无需直接操作低级的XMLHttpRequest API。 6. **Callbacks和Options**:Prototype...

    SSI中使用Ajax进行操作的例子(prototype.js)

    在本例中,我们使用Prototype.js,这是一个轻量级的JavaScript库,提供了丰富的DOM操作接口和Ajax功能,简化了Ajax应用的开发。 Prototype.js库提供了许多方便的函数,如Ajax.Request和Ajax.Updater,它们是执行...

    Ajax toolkit prototype PPT

    Prototype是一个JavaScript库,尤其以其对DOM操作的简化而闻名。它不是UI框架,而是专注于JavaScript的增强和DOM扩展。Prototype的最新版本是1.6,可以在www.prototypejs.org上找到更多相关信息。 Prototype库提供...

    经典ajax.prototype.javascript实例

    `prototype`是JavaScript的一个库,它为JavaScript语言添加了许多实用的功能,其中包括对Ajax操作的强大支持。本实例将探讨如何使用Prototype库中的Ajax功能进行编程。 首先,我们需要理解Prototype库是如何引入到...

    使用prototype简化Ajax操作

    在这个例子中,`Ajax.Request`接收两个参数:服务器端URL和一个选项对象。选项对象可以包含`method`(默认为GET),`parameters`(发送的数据),以及各种回调函数,如`onSuccess`和`onFailure`,用于处理服务器的...

    JS Ajax XML 处理 (prototype)

    Prototype是一个流行的JavaScript库,它为JavaScript提供了许多实用的工具和扩展,包括Ajax功能。在Prototype中,Ajax对象是通过`Ajax`模块提供的,它包含了多种方法来发起不同类型的HTTP请求,如`Ajax.Request`,`...

    使用Eclipse开发的Ajax例子

    在Ajax应用中,通常会有一个后端服务器,负责处理来自客户端的请求并返回数据。这部分可能涉及到JDBC(Java Database Connectivity)来与数据库交互,或者使用ORM(Object-Relational Mapping)框架如Hibernate或...

    级联下拉列表例子(ajax和jquery)&prototype1;.7&jquery;_jar

    级联下拉列表是一种常见的网页交互元素,常用于如地区选择、分类筛选等...这个压缩包中的例子提供了一个学习AJAX和jQuery交互的好起点,对于初学者来说,通过研究这个例子可以深入理解这两种技术在实际项目中的应用。

    prototypejs和例子代码

    PrototypeJS 是一个广泛使用的JavaScript库,它为浏览器端的JavaScript编程提供了一系列强大的工具和功能,大大简化了DOM操作、事件处理、Ajax交互等任务。在标题中提到的"prototype1.4.js"和"prototype1.5.js"是...

    ajax 例子demo(protype)

    【标题】"ajax 例子demo(protype)"是一个关于使用AJAX技术实现动态页面更新的示例项目,其中可能包含了对JavaScript原型(protype)概念的应用。这个项目旨在帮助开发者理解和学习如何利用AJAX来增强用户体验,减少...

    AJAX 三种实现方式 自己构建 prototype juery

    Prototype是一个JavaScript框架,它为AJAX操作提供了简洁的API。使用Prototype实现AJAX请求如下: ```javascript new Ajax.Request('your-api-url', { method: 'get', onSuccess: function(response) { ...

    prototype 1.6.0.2.js+使用DEMO例子

    1.6.0.2是Prototype的一个版本,这个版本在2008年发布,提供了许多增强和修复。在这个"prototype 1.6.0.2.js+使用DEMO例子"的压缩包中,包含了该版本的核心库文件和相关示例,旨在帮助开发者更好地理解和应用...

    myeclipse实现的Ajax技术的例子

    以下是一个简单的例子: ```javascript function sendAjaxRequest() { var xhr = new XMLHttpRequest(); xhr.open('GET', 'AjaxServlet?param=value', true); xhr.onreadystatechange = function() { if (xhr....

    j2ee和ajax 标签写的一个非常棒的例子

    这个"j2ee和ajax 标签写的一个非常棒的例子"展示了如何将两者结合,创建一个高效的、用户友好的Web应用程序。 **AJAX简介** AJAX的核心是通过JavaScript异步地向服务器发送请求并处理响应,这使得用户无需等待整个...

    Ajax技术实现的例子

    通过这个对象,我们可以创建一个后台连接,不打断用户的界面交互,进行数据的通信。 2. JavaScript:在Ajax中,JavaScript负责处理用户交互、创建和控制XMLHttpRequest对象、发送请求以及解析返回的数据。它通过...

    prototype小例子

    本篇将深入讲解`Prototype`库中的`Ajax`模块,并通过一个小例子来展示如何使用`Prototype`进行数据库连接的模拟操作。 首先,了解`Prototype`的核心概念——`prototype`。在JavaScript中,每个函数都有一个名为`...

    一个基于Prototype 技术实现的精美网页选项卡(动画效果)源码例子

    这个源码例子展示了如何利用Prototype技术创建一个带有动画效果的精美网页选项卡。在这个实例中,我们将深入探讨Prototype的核心概念、选项卡的实现原理以及动画效果的添加方法。 Prototype的核心特性包括对象扩展...

    Prototype详解

    Prototype是一个由Sam Stephenson创建的JavaScript库,旨在简化和标准化JavaScript编程,使之成为Web应用程序开发的重要工具之一,尤其是在Web 2.0时代。在Prototype出现之前,开发者面临着跨浏览器兼容性的问题以及...

    一个基于Office Web Component v11.0 Spreadsheet + AJAX 实现的程序例子

    总的来说,这个程序例子展示了如何结合Office Web Component的Spreadsheet和AJAX技术,创建一个动态且用户友好的Web电子表格应用。开发者可以从中学到如何利用这些技术实现实时的数据交互,以及优化用户体验。

Global site tag (gtag.js) - Google Analytics