AJAX-prototype.js实现Ajax

代码分两部分
1.用一个简单服务器脚本rand.php模拟不断变化的股票价格:

<?php
srand((double)microtime()*1000000);
$price = 50+rand(0,5000)/100;
echo "$price";
?>

2.新建一个prototype-test.html文件,

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Stock</title><script src="prototype.js"></script><script>function checkprice() {var myAjax = new Ajax.PeriodicalUpdater('price','rand.php',{method:'post',frequency:3.0,decay:1});}window.onload = checkprice;</script>
</head>
<body>
<h2>Stock Reader</h2>
<p>Current Stock Price:</p>
<div id="price"></div></body>
</html>

这个界面很简单,一个标题一行文字,还有显示股票价格的div,
图中红圈位置的数据会随时变化.

prototype.js的一些类封装的代码可以发送服务器请求,监视请求的过程,处理返回的数据.
Ajax.Request
var myAjax = new Ajax.Request(url,{method:’post’,parameters:mydata,onComplete:responseFunction});
Ajax.Updater
var myAjax = new Ajax.Updater(elementID,url,options);
Ajax.PeriodicalUpdater
var myAjax = new Ajax.PeriodicalUpdater(‘id’,’url’,{method:’post’,frequency:3.0,decay:1});
这个是本案例使用的,比Ajax.Updater多了两个参数frequency,decay

AJAX-prototype.js实现Ajax相关推荐

html里写js ajax吗,js、ajax、jquery的区别是什么？
js.ajax.jquery的区别 1.JS是一门前端语言. 2.Ajax是一门技术,它提供了异步更新的机制,使用客户端与服务器间交换数据而非整个页面文档,实现页面的局部更新. 3.jQuery是一个 ...
ajax 原生js操作ajax
一.ajax 1.什么是ajax? ajax是异步javascript与xml,它是多种技术一个集合.可以无刷新状态更新页面. 2.ajax的优缺点: ...
prototype.js ajax.request,prototype.js的Ajax对象分享
我想prototype. 代码如下: var url = 'http://yoursever/your/your'; var pars = 'id=xxx'; var myAjax = new Aja ...
js如何发送ajax请求,js 发送ajax请求（XMLHttpRequest）
ajax({ url: "http://localhost:8080/save", type: "POST", data: {}, dataType: &quo ...
ajax prototype框架之Ajax.Request 类
href="css.css" type="text/css" rel="stylesheet" /> 使用 Ajax.Request ...
原声ajax发送post请求,原生JS实现ajax 发送post请求
1. [代码]原生JS实现ajax 发送post请求 var oStr = ''; var postData = {}; var oAjax = null; //post提交的数据 postData ...
js 封装ajax方法吗,原生JS封装ajax方法
jquery框架的ajax方法固然好用,但是假如某天我们的项目不能引入jquery或项目需求很简单,没有很多交互功能,只需要ajax,这时引入jquery库会造成资源浪费,也会显得页面臃肿.这时我们就 ...
Ajax (部分二：prototype.js代码)总结页面向后台传Form值、单个值和后台向前台传一个或是一组值...
2019独角兽企业重金招聘Python工程师标准>>> 附录prototype.js的代码: Prototype = {Version: '1.5.1_rc4',Browser: { ...
java 对象视图框架_Stripes视图框架Java对象属性验证和prototype.js Ajax的测试
Stripes视图框架Java对象属性验证,它允许对字段设置是否必须填写,对数字大小进行限制等.我用prototype.js Ajax 将验证后的数据及时地展示出来,下面来看程序. 1.编写User实 ...
Ajax (部分二：prototype.js代码后半部分)自己做的，总结页面向后台传Form值、单个值和后台向前台传一个或是一组值...
2019独角兽企业重金招聘Python工程师标准>>> Ajax (部分二:prototype.js代码后半部分)自己做的,总结页面向后台传Form值.单个值和后台向前台传一个或是一 ...

AJAX-prototype.js实现Ajax

AJAX-prototype.js实现Ajax相关推荐

最新文章

热门文章