自己做了一个关于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" οnclick="_submitData();" value="submit">
<br/><br/><br/>
<div id="result"></div>
</body>
</html>
其详细资料请查看附件。