一个关于ajax的例子(prototype)

ddh9504

浏览: 112626 次
性别:
来自: 广州

最近访客更多访客>>

jw1314

c295477887

tongtongainana

yzarc

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JS(javaScript)

prototype Ajax JavaScript CSS JSP

自己做了一个关于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">


<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>

其详细资料请查看附件。

AjaxDemo.rar (30.4 KB)
描述: OK
下载次数: 137

分享到：

DWR又一例级联（省份-城市） | 一个关于SWF(spring webflow)的DEMO

2008-04-11 10:04
浏览 2933
评论(2)
论坛回复 / 浏览 (2 / 2567)
分类:Web前端
查看更多

2 楼 lizhuang 2008-12-16

最好打包成war，要不人家没有eclispe打开你的例子很麻烦的。国外都是用war包。谢谢分享！

1 楼 shiren1118 2008-04-11

hehe谢了

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论