Ajax.Request(
url,
{
method:method,
parameters:para,
postBody:xmlString,
asynchronous:true,
setRequestHeader:Object,
onComplete:completeFun,
onError:errorFun
}
)
发送异步请求。(此方法是为兼容 prototype.js 而写,调用风格与 prototype 一致,使用Ajax.Request此方法请在页面中加载此js文件)
参数
url
必选项。数据发送的目标地址。
method
可选项。数据提交的方式,默认值为get。常用的还有post。
parameters
当 method 为 get 时是可选项,为 post 时是必选项。发送的数据,其形式为: name1=valeu1& name2=value2&name3=value3......
postBody
可选项。客户端发送的 xml 格式字符串。如果启用 postBody,那么 parameters 将被忽略。
asynchronous
可选项。指定请求是否异步,默认为true(异步)。
setRequestHeader
指定请求的头部字串。其值类型为“名称值对”形式的对象,比如:{"If-Modified-Since":"0", "SOAPAction":"http://tempuri.org/SBS_WebService", ... ... }
onComplete
可选项。请求成功时执行的回调函数,该函数默认把当前使用 xmlhttp 对象作为第一个参数。
onError
可选项。请求异常时执行的回调函数,该函数默认把当前使用 xmlhttp 对象作为第一个参数。
返回值
当前使用的 xmlhttp 对象。
描述
发送异步请求,并返回 xmlhttp 对象,该对象内置有 abort() 方法,用于提前终止请求。异步请求成功则执行 onComplete,失败则执行 onError 。并返回 xmlhttp 对象。
Ajax.Request 是个接口完整的 Ajax 方法,是 myJSFrame 中所有其他 Ajax 方法的核心方法。
示例
示例一:
<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>
分享到:
相关推荐
Ext Ajax:如何调用Ext.Ajax.request方法和使用Java Servlet进行处理
NULL 博文链接:https://chun521521.iteye.com/blog/1935516
NULL 博文链接:https://linwei-211.iteye.com/blog/1567277
Ext.Ajax.request同步请求包 博文链接:https://lingf.iteye.com/blog/1195912
这个包定义了 Ajax.Request 类。 假如你有一个应用程序可以通过 http://yoursever/app/get_sales?empID=1234&year=1998 与服务器通信。它返回下面这样的 XML 响应: <?xml version="1.0" encoding="utf-8" ?> ...
主要介绍了ExtJs的Ext.Ajax.request实现waitMsg等待提示效果,需要的朋友可以参考下
NULL 博文链接:https://lingf.iteye.com/blog/1821225
prototype1.5开发手册 博文链接:https://moonlight2010.iteye.com/blog/1317880
(1)Ext.FormPanel f.getForm().submit({ url:”... }, failure:function(c,v,e){} }) (2)Ext.Ajax.request Ext.Ajax.request({ url:”….”, params:{XX:xx….}, success: function (v,c) { var json=Ext.decode(v.r
Ajax开发包Ajax开发包Ajax开发包Ajax开发包Ajax开发包Ajax开发包Ajax开发包Ajax开发包Ajax开发包Ajax开发包
封装jquery ajax方法,方便调用,避免在代码中频繁使用 $.ajax({ type: 'GET', url: url, ...... )}; 统一调用公共方法即可,区分同步异步,get post!希望对大家有帮助
见到wx.request的第一眼,就让我想起了$.ajax这东西,使用起来确实有很多不方便,不能忍,幸好小程序是支持ES6语法的,所以可以使用promise稍加改造。 先来说说wx.request为什么不能忍。 铺垫:“看得见却抓不住“的...
目的:因为blog程序里的某些模块需要用到ajax,直接使用prototype.js体积比较大(40多k),而且仅仅用到其中的ajax功能,因此为了减轻下载的负担,又不能改动已经在prototype.js框架下写好的代码,只能是按照prototype...
1.4.1. 使用 Ajax.Request类 1.4.2. 使用 Ajax.Updater 类 2. prototype.js参考 2.1. JavaScript 类的扩展 2.2. 对 Object 类的扩展 2.3. 对 Number 类的扩展 2.4. 对 Function 类的扩展 2.5. 对 String 类的扩展 ...
ajax.js是本人从prototype-1.3.1.js提取的ajax库 为方便调用,本人另写了两个函式:mmAjaxUpdater和mmAjaxRequest,在实践中,这两个函数只兼容prototype1.3.1版本。因此对以上函数进行重写,现在已兼容所有版本的...
微信小程序的ajax数据请求,很多同学找不到api在哪个位置,这里单独把小程序的ajax请求给列出来,微信小程序的请求就是wx.request这个api,wx.request(一些对象参数),微信小程序不同于浏览器的ajax请求,可以直接...