论坛首页 入门技术论坛

一个关于ajax的例子(prototype)

浏览 2565 次
该帖已经被评为新手帖
作者 正文
   发表时间:2008-04-11  

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

 

 

其详细资料请查看附件。

   发表时间:2008-04-11  
hehe谢了
0 请登录后投票
   发表时间:2008-12-16  
最好打包成war,要不人家没有eclispe打开你的例子很麻烦的。国外都是用war包。谢谢分享!
0 请登录后投票
论坛首页 入门技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics