`
ln1058
  • 浏览: 92825 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

prototype 中Ajax post提交数据

Ajaxprototype框架 
阅读更多
Ajax中用get进行提交的例子很多，今天在这里写一个用post提交的例子，顺便也把get的加上吧，以供自己和别人以后使用的时候参考，这里用到了prototype.js框架的Ajax，prototype.js在这里就不介绍了。代码如下： 
<html>
<head>
	<title>prototype test</title>
	<script type="text/javascript" src="js/prototype-1.5.1.2.js"></script>
	<script type="text/javascript">
			function prototype_ajax_get(){
			    var url = "PrototypeAjax.do";
			    var pars = "uname=London&reqid=" + Math.random();
			    var myAjax = new Ajax.Request(
			        url,
			        {method: 'get', parameters: pars, onComplete: prototype_response}
			    );
			}
			function prototype_ajax_post(){
				var url = "PrototypeAjax.do";
			    var myAjax = new Ajax.Request(
			        url,
			        {method: 'post', parameters: Form.serialize(document.forms[0]), onComplete: prototype_response}
			    );
			}	
			function prototype_response(req){
			    alert(req.responseText);
			}
	</script>
</head>
<body>
	<form>
		uname:<input type="text" name="uname" value=""><br>
		<input type="button" value="Prototype" onclick="prototype_ajax_get()" />
           <input type="button" value="Prototype" onclick="prototype_ajax_post()" />
	</form>	
</body>
</html>
分享到：
| 新窗口中显示图片示例
评论
1 楼 y0316m 2008-06-12  
乱，麻，晕
发表评论

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

相关推荐

    prototype的Ajax介绍

    推荐使用`GET`方法获取数据，使用`POST`方法提交数据。 - **请求参数**：可以通过`parameters`选项传递请求参数。例如： ```javascript new Ajax.Request('/some_url', { method: 'get', parameters: { company: ...

    prototype-AJAX案例

    在"prototype-AJAX案例"中，你可能会看到这些方法的具体应用，以及如何与服务器进行交互，如何处理返回的数据，以及在成功或失败时如何执行相应的回调函数。通过分析案例代码，你可以深入理解Prototype如何简化AJAX...

    prototype ajax提交大数据

    当我们谈论“prototype ajax提交大数据”时，我们指的是利用JavaScript的原型链特性来处理通过Ajax异步传输大量数据的问题。 Ajax，即Asynchronous JavaScript and XML，是一种在不刷新整个页面的情况下与服务器...

    prototype-ajax例子

    在Prototype中，我们通常使用`new Ajax.Request()`或`new Ajax.Updater()`来发起Ajax请求。这些请求会携带HTTP方法（GET或POST）、URL以及回调函数，以便在服务器响应后执行特定的操作。 `Ajax.Request`的典型用法...

    使用prototype简化Ajax操作

    在"使用prototype简化Ajax操作"这个主题中，我们将深入探讨Prototype库如何使Ajax变得更加简单易用。 首先，Prototype为Ajax操作提供了一个统一的接口——`Ajax`对象。这个对象下包含了一系列方法，如`Request`、`...

    prototype的ajax应用

    综上所述，Prototype库的AJAX应用提供了一套全面且易于使用的工具集，简化了Web开发中涉及的异步数据交互，提高了Web应用程序的响应性和交互性。通过`Ajax.Request`和`Ajax.Updater`等工具，开发者可以快速构建出...

    Ajax(Ajax,jquery,prototype综合).rar

    而Ajax则可以在不影响用户界面的情况下，后台执行数据的获取或提交。 3. **JavaScript**：Ajax的实现离不开JavaScript，它负责创建XMLHttpRequest对象、构造请求、处理响应以及更新DOM（文档对象模型）以显示新数据...

    Prototype Ajax学习范例

    首先，Prototype中的Ajax对象是核心，它包括了几个关键方法： 1. **Ajax.Request**：这是发起Ajax请求的基础，你可以指定URL、HTTP方法（如GET或POST）以及回调函数来处理响应。例如： ```javascript new Ajax....

    ASP源码—基于Prototype的Ajax无刷新登录实例.zip

    3. 使用Prototype的Ajax方法，创建一个XMLHttpRequest对象，并设置请求类型（POST或GET）、URL（指向ASP处理页面的URL）以及数据（用户名和密码）。 4. 发送Ajax请求到服务器，同时页面保持不变。 5. ASP服务器端...

    prototype笔记(9)----结合Prototype和JSON开发AJAX

    在本篇"prototype笔记(9)----结合Prototype和JSON开发AJAX"中，我们将深入探讨如何利用Prototype JavaScript库与JSON（JavaScript Object Notation）技术来高效地开发异步JavaScript应用程序，也就是我们常说的AJAX...

    ajax异步提交源代码

    本文将深入探讨Ajax异步提交的核心概念，并通过两个示例——一个使用纯JavaScript与Servlet交互，另一个利用Prototype JS框架与Action通信——来阐述其实现过程。 首先，让我们理解Ajax的基本原理。Ajax工作流程...

    prototype开发手册，AJAX学习必备

    1. **Ajax.Request**：这是Prototype中用于发起HTTP请求的核心类，通过它可以发送GET或POST请求到服务器，并接收返回的数据。例如： ```javascript new Ajax.Request('http://example.com', { method: 'post', ...

    用prototype实现页面自动提交

    标题中的“用prototype实现页面自动提交”指的是在Web开发中使用Prototype JavaScript库来自动化表单的提交过程。Prototype是一个强大的JavaScript框架，它提供了一系列的工具和方法，简化了DOM操作，事件处理，Ajax...

    JS Ajax XML 处理 (prototype)

    在实际开发中，Prototype的Ajax功能常用于动态加载数据，比如分页加载、实时刷新数据等。通过Ajax.Request，开发者可以轻松地向服务器发送数据，获取XML响应，然后使用Prototype提供的工具进行解析和操作，实现页面...

    prototype ajax

    1. **Ajax.Request**：这是Prototype中处理AJAX请求的主要类。你可以通过传递URL和选项参数来创建一个请求实例。例如： ```javascript new Ajax.Request('http://example.com', { method: 'post', parameters: {...

    SSI中使用Ajax进行操作的例子（prototype.js）

    在添加数据的场景中，我们可以创建一个Ajax.Request对象，指定URL（通常是服务器处理数据的端点）、HTTP方法（POST或GET）以及发送的数据。Ajax.Request会处理与服务器的通信，并在完成时调用回调函数，将服务器返回...

    prototype -通过js提交表单，局部刷新不跳转

    在这个例子中，`'/submit-url'`是表单数据提交的URL，`method: 'post'`指定了POST请求方式，`parameters: formData`是传递的表单数据，`onSuccess`和`onFailure`分别是成功和失败时的回调函数。 在`onSuccess`回调...

    jquery prototype dojo 之 Ajax example and 学习总结

    本文将结合标题“jquery prototype dojo 之 Ajax example 和学习总结”以及描述，深入探讨jQuery、Prototype和Dojo这三种JavaScript库中的Ajax应用，以及相关的学习要点。 首先，jQuery是目前最流行的JavaScript库...

    prototype一个简单的ajax例子

    在本示例中，我们使用的是一种JavaScript库——Prototype，它为JavaScript提供了许多实用的工具和功能，包括对Ajax的优雅封装。Prototype简化了Ajax操作，使得开发者可以更方便地与服务器进行异步数据交互。 ...

    prototype 中文开发手册和chm帮助文档

    例如，通过创建一个新的Ajax.Request对象，我们可以轻松地向服务器发送GET或POST请求，并处理返回的数据。 Prototype还引入了Class机制，允许开发者创建具有继承关系的自定义对象。通过Object.extend()或Class....

Magicbox
Global site tag (gtag.js) - Google Analytics