调用prototype.js的ajax进行post提交示例源码

2016-02-19 18:49 52 1 收藏

下面图老师小编要向大家介绍下调用prototype.js的ajax进行post提交示例源码,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

【 tulaoshi.com - Web开发 】

以下是index.html:
%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
html xmlns="http://www.w3.org/1999/xhtml"
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
titlePROTOTYPE POST/title
script language="javascript" type="text/javascript" src="/script/prototype.js"/script
/head
body
script type="text/javascript"
function postNewContact(){
var form = $(’form’);
var name = $(’act’);
var url = ’test2.asp’;
var myAjax = new Ajax.Request(url,{method:’post’,
parameters: Form.serialize(form),
onComplete:showResponse});
}
function showResponse(originalRequest){
alert(originalRequest.responseText);
}
/script
form method="post" id="form" name="form"
input type="text" name="act" 
input onclick="postNewContact();" name="pbut" type="button" value="POST" /
/form
/body
/html

以下是test2.asp:
%=request("act")%

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

打开index.html后,在文本框输入字符,点击POST按钮,就可以看到提交后正确返回的效果.

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1619099.html

延伸阅读
标签: Web开发
本文是转载,关于prototype.js的一些技术说明说明,比如关于javascript的apply和call函数,关于闭包,关于函数的绑定,关于事件的注册,关于事件监听最佳实践等等,很难得的一篇文章,从dnew.cn转载而来。 关于闭包 prototype.js在Class.create,bind等中用到javascript的闭包特色。但整体上prototype.js对于强大的闭包特性用的不...
标签: Web开发
    最近做的一个项目中有需要使用Ajax的部分,正好不是很忙,所以自己写了一个简单的Ajax类,拿出来share一下: function BmAjaxObject() {  this.ajaxObj = this.getXmlHttpObject(); } BmAjaxObject.prototype.getXmlHttpObject = function() {  var _ajaxObj;  try  {   _ajaxObj = new Ac...
标签: Web开发
和在我以前使用这个类库的不少开发者一样,一开始,我不得不一头扎进阅读prototype.js的源代码和实验它的功能中。Prototype中的ajax.js提供了一个非常好用的ajax框架,一般应用中简单的调用以下代码就可以了 new Ajax.Request( url, {method: “get”, onSuccess: showFilter, onFailure: function(request){alert(”Server ...
标签: Web开发
如下是其中关于 prototype 的说明: ===== constructor 属性 应用于: Array 对象 | Boolean 对象 | Date 对象 | Function 对象 | Number 对象 | Object 对象 | String 对象 要求 版本 2 返回对象类型...
标签: Web开发
使用示例 script type="text/javascript" src="../scripts/prototype.js"/script script type="text/javascript" var progressBar; /**//* * 功能:admin登录 */ function UserLogin() {         //验证页面控件     var checkform = new CheckForm();     if(!checkform.checkF...

经验教程

925

收藏

75
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部