选择最好的最喜欢的......

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

2008-04-11

一个关于ajax的例子(prototype)

关键字: 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">


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