一个关于ajax的例子(prototype)

最新推荐文章于 2021-08-05 13:14:12 发布

iteye_21205

最新推荐文章于 2021-08-05 13:14:12 发布

阅读量106

点赞数

分类专栏： JS(javaScript) 文章标签： prototype Ajax JavaScript CSS JSP ViewUI

JS(javaScript) 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

自己做了一个关于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" οnclick="_submitData();" value="submit">

    <br/><br/><br/>

    <div id="result"></div>
</body>
</html>

其详细资料请查看附件。

iteye_21205

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
一个关于ajax的例子(prototype)

自己做了一个关于ajax的例子，希望能给你带来方便，谢谢!!!所用的JS框架是prototype-1.6.0.2.js当前最新版。demo.js------------- //demovar Demo=Class.create();Demo.prototype={ //init initialize:function(){ this.author="ddh"; this.url="h...
复制链接

扫一扫

专栏目录