Ajax.Request方法

[size=medium]Prototype 的 Ajax.Request 对象绑定了浏览器的 HTTP request ,使得浏览器中的页面不需要重复刷新。
[color=red]
Prototype.js : javascript工具包,是为了加快动态网页应用程序的开发。[/color]
[/size]
Ajax.Request(
url,
{
method:method,
parameters:para,//HTTP请求的查询字符串
postBody:xmlString,
asynchronous:true,
setRequestHeader:Object,
onComplete:showResponse,
onError:errorFun
}
)

[size=medium]Ajax.Request对象在它完成接收响应的时候将调用showResponse方法,发送异步请求。(此方法是为兼容[color=red] [b]prototype.js[/b][/color] 而写,调用风格与 prototype 一致,使用Ajax.Request此方法请在页面中加载此js文件)
[/size]
[size=medium]参数
[color=indigo][b]url[/b][/color]
必选项。数据发送的目标地址。
[color=indigo][b]method[/b][/color]
可选项。数据提交的方式,默认值为get。常用的还有post。
[color=violet][b]parameters[/b][/color]
当 method 为 get 时是可选项,为 post 时是必选项。发送的数据,其形式为: name1=valeu1& name2=value2&name3=value3......
[color=indigo][b]postBody[/b][/color]
可选项。客户端发送的 xml 格式字符串。如果启用 postBody,那么 parameters 将被忽略。
[color=indigo][b]asynchronous[/b][/color]
可选项。指定请求是否异步,默认为true(异步)。
[color=indigo][b]setRequestHeader[/b][/color]
指定请求的头部字串。其值类型为“名称值对”形式的对象,比如:{"If-Modified-Since":"0", "SOAPAction":"http://tempuri.org/SBS_WebService", ... ... }
[color=indigo][b]onComplete[/b][/color]
可选项。请求成功时执行的回调函数,该函数默认把当前使用 xmlhttp 对象作为第一个参数。
[color=indigo][b]onError[/b][/color]
可选项。请求异常时执行的回调函数,该函数默认把当前使用 xmlhttp 对象作为第一个参数。
返回值
当前使用的 xmlhttp 对象。

描述
[color=red]发送异步请求,并返回 xmlhttp 对象,该对象内置有 abort() 方法,用于提前终止请求。[b]异步请求成功则执行 onComplete[/b],失败则执行 onError 。并返回 xmlhttp 对象。
Ajax.Request 是个接口完整的 Ajax 方法,是 myJSFrame 中所有其他 Ajax 方法的核心方法。[/color]
[/size]
示例
示例一:
<script type="text/javascript" >
var myAjax = new Ajax.Request(
"http://www.happyshow.org/form.asp",
{
method:"post", //表单提交方式
parameters:"name=acai&age=26&sex=male", //提交的表单数据
setRequestHeader:{"If-Modified-Since":"0"}, //禁止读取缓存数据
onComplete:function(x){ //提交成功回调
alert(x.responseText);
},
onError:function(x){ //提交失败回调
alert(x.statusText);
}
}
);
</script>


注:parameters 参数若是不列出,我们在开发中对于Form 表单这样的数据 可以这样处理

parameters:Form.serialize('FormName') FormName 为页面中表单的 ID


示例二:
<script type="text/javascript" >
var xmlString = "<root>"
+"<people><name>caizhongqi</name><sex>male</sex></people>"
+"<people><name>ahuang</name><sex>female</sex></people>"
+" </root>";
var myAjax = new Ajax.Request(
"http://www.happyshow.org/xmlform.asp",
{
method:"post", //表单提交方式
postBody:xmlString, //提交的xml
setRequestHeader:{"content-Type":"text/xml"}, //指定发送的数据为 xml 文档(非字符串)
onComplete:function(x){ //提交成功回调
alert(x.responseXML.xml);
},
onError:function(x){ //提交失败回调
alert(x.statusText);
}
}
);
</script>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值