Prototype 有三个对象用于 Ajax 功能 : Ajax.Request,Ajax.Updater 和 Ajax.PeriodicalUpdater.
Ajax.Request 的用法:
创建一个 xml 文件用于获取数据:
<?xml version="1.0" encoding="utf-8" ?>
<parameters>
<param id="1">data1</param>
<param id="2">data2</param>
<param id="3">data3</param>
<param id="4">data4</param>
</parameters>
保存名为:data.xml
在页面中:
function getData()
{
var url = "data.xml"; //请求的路径
var parseResponse = function(xhrResponse) //参数 xhrResponse是由服务器传回来的数据
{
// 对数据进行操作
var response = xhrResponse.responseXML; //得到传来的数据的结构体
var paraList = response.getElementsByTagName('param'); //得到标签为 param 的数据
var out = "<ul>";
//循环将数据给添加到 <li> 标签中
for(var i = 0 , il = paraList.length; i < il;)
{
out += "<li>" + paramList[i++].firstChild.nodeValue + "</li>";
}
out += "</ul>";
// list 是一个 div 层
$('list').innerHTML = out;
}
var myAjax = Ajax.Request(
url, //发送请求的路径
{
//一系列的参数
method:'get', //此处为以 get 的方式请求数据
onSuccess:parseResponse, //如果请求成功,则执行该函数
onFailure:function(xhrResponse) //失败则提示
{
alert(xhrResponse.statusText);
}
}
)
}
//以上代码假设已经引入了 prototype.js 类库
本文转自 ☆★ 包罗万象网 ★☆ - http://www.baoluowanxiang.com 转载请注明出处,侵权必究!
原文链接:http://www.baoluowanxiang.com/a/program/vc/2010/0922/1579.html
分享到:
相关推荐
NULL 博文链接:https://chun521521.iteye.com/blog/1935516
Ext.Ajax.request同步请求包 博文链接:https://lingf.iteye.com/blog/1195912
NULL 博文链接:https://linwei-211.iteye.com/blog/1567277
这个包定义了 Ajax.Request 类。 假如你有一个应用程序可以通过 http://yoursever/app/get_sales?empID=1234&year=1998 与服务器通信。它返回下面这样的 XML 响应: <?xml version="1.0" encoding="utf-8" ?> ...
NULL 博文链接:https://lingf.iteye.com/blog/1821225
主要介绍了ExtJs的Ext.Ajax.request实现waitMsg等待提示效果,需要的朋友可以参考下
Ext Ajax:如何调用Ext.Ajax.request方法和使用Java Servlet进行处理
(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
prototype1.5开发手册 博文链接:https://moonlight2010.iteye.com/blog/1317880
Ajax开发包Ajax开发包Ajax开发包Ajax开发包Ajax开发包Ajax开发包Ajax开发包Ajax开发包Ajax开发包Ajax开发包
目的:因为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版本。因此对以上函数进行重写,现在已兼容所有版本的...
见到wx.request的第一眼,就让我想起了$.ajax这东西,使用起来确实有很多不方便,不能忍,幸好小程序是支持ES6语法的,所以可以使用promise稍加改造。 先来说说wx.request为什么不能忍。 铺垫:“看得见却抓不住“的...
/** 代码如下: * 第一种Ajax提交方式 * 这种方式需要直接使用ext Ajax方法进行提交 * 使用这种方式,需要将待传递的参数进行封装 * @return */ function saveUser_ajaxSubmit1() { Ext.Ajax.request( { url : ‘user...
ext前台接收action传过来的json数据 代码如下: Ext.Ajax.request({ method:’POST’,//请求方式 params : {dagl_code:dagl_code}, url:lcwPath+”/daxt/lcgl.shtml?method=getJgBycode”,//请求的url地址 success: ...