引入:
<script type="text/javascript" src="../js/prototype.js"></script>
调用:
<script type="text/javascript">
function configwin(id) {
生成随机数,避免重复向同一个url发送请求,浏览器的缓存会组织再次发送请求,所以,加上随机数:Math不用引入,直接使用即可,是js的对象,不是java的:
var tmp = Math.random().toString();
var url = "sim_chart.action?tmp="+tmp+"&typeId="+id;
下面是调用prototype里的ajax向一个url发送请求:
new Ajax.Request(url, {
method:'post',
asynchronous:false ,
onSuccess:function(req){
sAlert("chart/chart"+id+".jpg");
}
});
}
</script>
摘引:
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>
分享到:
相关推荐
在IT领域中,AJAX(异步JavaScript和XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。本文将介绍如何使用JavaScript实现一个简单而实用的AJAX实例,并将通过一个完整的示例来展示如何实现无...
本文将深入探讨jQuery和Prototype两种JavaScript库中实现Ajax的主要区别。 首先,让我们看下jQuery中的Ajax实现。在jQuery中,使用`$.get`方法是最常见的Ajax请求方式。如示例所示,它接受URL(`remoteUrl`)和回调...
1. **客户端添加随机参数**:在URL中添加一个随机参数,例如时间戳或随机数,可以有效地防止浏览器缓存旧数据。例如,可以通过以下代码实现: ```javascript var url = 'http://example.com/data'; url += '?...
Ajax,即Asynchronous JavaScript and XML(异步JavaScript和XML),是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。Ajax框架则是为了简化Ajax开发,提供了一套完整的解决方案,包括了处理请求、...
通常,在使用prototype等JS类库时,默认是异步的。异步请求是最常用的模式,因为它允许用户在请求处理的同时,继续与页面进行交互。 在实际的AJAX使用中,开发者需要根据具体的应用场景来选择合适的请求方式以及...
为了避免Ajax请求被浏览器缓存,可以在请求的URL中添加时间戳或使用其他技术来绕过缓存。 #### 同步与异步的区别 同步操作会阻塞代码的执行,而异步操作不会。 #### 浏览器的同源政策 浏览器的同源政策限制了网页...
- **添加时间戳或随机值**:在URL后面附加当前时间戳或随机数,如`url += '?temp=' + new Date().getTime()`,以防止缓存。 - **HTTP头禁用缓存**:通过设置HTTP头禁止缓存,例如`Cache-Control: no-cache, must-...
14.19 将URL转化为16进制 14.20 小写金额转换为大写 14.21 通过两点坐标计算直线距离 14.22 随机抽取彩票 14.23 实时计算折扣 14.24 实用计算器 14.25 前面补0的方法 第15章 图形、图像的特效 15.1 图片变形效果 ...
第1章 页面特效 ...1.2 页面自动最大化 1.3 页面自动刷新 1.4 页面的后退、刷新、前进 1.5保护网页源代码 ...22.15 用prototype实现JavaScript的继承 22.16 JavaScript制作哈希表 第23章 其他技巧及特效 23.1 ...
- **添加随机参数**:最简单的方法是在每次请求URL中加入一个随机数作为参数,这样浏览器会认为这是一个全新的请求,从而不会使用缓存中的数据。例如,在Prototype框架中,可以这样设置: ```javascript pars = ...
例如,`Array.prototype.map()`可以对数组中的每个元素应用一个函数,`Date.now()`返回当前时间戳,`Math.random()`则生成0到1之间的随机数。 在JavaScript世界中,还有许多流行的第三方库和服务提供自己的API,...