protopyte.js ajax

在前面的Blog中我使用原始的XMLHttpRequest做了一个简单的测试。下面我将使用prototype.js来实现类似的测试。

HTML文件

<html>
<head>
<title>Test</title>
   <script src="prototype.js"></script>
</head>
<body style="background-color:#cccccc">
<script>
    function showmessage() ｛
        new Ajax.Request('getmessage.py', ｛method:"get", onComplete:onComplete｝);
    ｝
    function onComplete(transport)｛
        a = transport.responseXML.getElementsByTagName("a")[0];
        $('message').innerHTML = a.firstChild.nodeValue;
    ｝

</script>
<span id="message" style="display:inline">message</span>
<div><a id="demoPanelLink" href="javascript:showmessage();">Click Here</a></div>
</body>
</html>

那么主要的变化是：

创建Ajax(它定义在prototype.js)的一个实例，传入要访问的URL和调用的选项参数。

在缺省情况下，Ajax会以POST方式向后台发送业务，这里因为测试很简单，因此我要使用GET方法。于是设置method:"get"。这是Ajax内部识别用的，因此并不是"GET"。然后传入一个传输完成时对应的处理方法，这里为onComplete。那么一旦处理完成，Ajax会自动调用onComplete这个方法，同时会传入处理时所创建的XMLHttpRequest对象。
定义一个onComplete处理方法，参数为将要传入的XMLHttpRequest对象。
因此你可以使用这个方法来解析数据。

上面的例子执行完成后的效果就是，当你点击链接时，它上面的文字会从message变为hello, world。请注意，这个hello, world是从后台来的。

protopyte.js ajax相关推荐

php js获取文件大小,js+ajax实现获取文件大小的方法_javascript技巧
本文实例讲述了js+ajax实现获取文件大小的方法.分享给大家供大家参考,具体如下: 顾名思义,通过JS和Ajax来获取上传文件的大小,在上传之前可以有个判断,对上传的文件有所控制,因为js控制文件大 ...
模块化 JS Ajax 请求
为什么80%的码农都做不了架构师?>>> 现在有一个需求,点击 Button需要调用一个函数获取 JSON 数据传给 artTemplate 模板渲染生成页面,所以需要在这个函 ...
[js] ajax如何接收后台传来的图片？
[js] ajax如何接收后台传来的图片? 1.设置responseType为 Blob,2.将Blob保存为文件个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎 ...
[js] ajax请求地址只支持http/https吗？能做到让它支持rtmp://等其它自定义协议吗？
[js] ajax请求地址只支持http/https吗?能做到让它支持rtmp://等其它自定义协议吗 ? ajax只支持http/https协议, 可以通过自定义http头来间接支持自定义协议个人 ...
jQuery ajax 和普通js ajax 笔记
首先引用两个js 文件 1 <script src="js/jquery-1.7.1.js" type="text/javascript">< ...
js纯ajax,自动完成JS类(纯JS, Ajax模式)
自动完成JS类(纯JS, Ajax模式) 更新时间:2009年03月12日 23:51:15 作者: 自动完成JS类,用户体验较好.封装成类,方便使用.本站一. 封装的JS文件 //****** ...
java 对象视图框架_Stripes视图框架Java对象属性验证和prototype.js Ajax的测试
Stripes视图框架Java对象属性验证,它允许对字段设置是否必须填写,对数字大小进行限制等.我用prototype.js Ajax 将验证后的数据及时地展示出来,下面来看程序. 1.编写User实 ...
js变量显示在html中_PythonDjango+JS+Ajax实现网页采集并动态显示PLC变量
Python-snap7与S7-1500的通讯可以查阅前几篇.篇末演示功能实现的效果. 利用PythonDjango+JS+Ajax技术来实现:网页发送读写请求至服务器,服务器写入数据至PLC,并读取 ...
html用ajax做三级联动,怎样使用JS+AJAX做出三级联动
这次给大家带来怎样使用JS+AJAX做出三级联动,使用JS+AJAX做出三级联动的注意事项有哪些,下面就是实战案例,一起来看一下. js 三级联动的实现代码如下所示: js原生ajax -请选择省/ ...

protopyte.js ajax

HTML文件

protopyte.js ajax相关推荐

最新文章

热门文章