2008-05-04
prototype 中Ajax post提交数据
关键字: prototype相关
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: 'post', 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>
- 16:37
- 浏览 (445)
- 评论 (1)
- 分类: Ajax/JavaScript
- 相关推荐
评论排行榜