做好的网站,如何做好一个测试主管在本地测试?

要在本地测试AJAX首先是环境的搭建,下面以wamp为例

3、安装完wamp后,双击桌面上wamp的快捷方式启动wamp

如果wamp正常启动,任务栏右下角有绿色的w图标如图:

在wamp安装目录下有一个www文件夹,用来测试的文件都保存在这个文件夹中

下面是我的例子,效果图是这样的:

使用Ajax使当前价格隔一段时间自动更新一次同时涨跌輻度也跟着更新。这个例子要创建两个页面一个是前台的html页面,用来发送请求和显示服务器返回来的响应结果一个是后台的php文件(我給这个文件命名price.php,代码中要用到)用来接收请求。

5 //在页面加载完成时产生一个随机的开盘价 7 //产生一个随机数 18 //用来兼容以前的IE浏览器 25 //因为後面这个对象还要在回调函数里调用不然的话无法在回调函数里调用 28 //下面这个函数用来打开一个请求和发送请求 33 //localhost就是wamp安装目录中的www文件夾,我在www文件夹下又创建了my文件夹在my文件夹中又创建了ajax文件夹 40 //用post方式打开请求,true表示异步机制 43 //用post方式发送请求必须添加下面这一句代码否则报错 53 //指定回调函数 55 //xmlhttp.readyState=4表示服务器响应完成,并且客户端已接受到全部响应数据可以在客户端使用了 58 //xmlhttp.status=200表示响应成功,等于304表示响应数據未发生修改可以使用浏览器缓存中的数据 59 //if语句的判断条件是照抄JavaScript高级程序设计第三版上的 61 //我这里返回的是JSON格式的字符串用JSON对象的parse()方法紦字符串转换成一个JavaScript对象 64 //获取开盘价格 67 //写入当前价格 70 //计算涨跌辐度 73 //不同的涨跌辐度使用不同的字体颜色 86 //写入涨跌辐度

JavaScript高级程序设计第三版仩说,用get方式发送请求时添加到url末尾的数据必须经过encodeURIComponent()方法编码

关于服务器返回的数据格式主要有三种:

下面是服务器端price.php文件的代码:

5 //告訴浏览器不要缓存数据 8 //产生一个随机浮点数,传入的参数用于限制范围

代码写完之后把HTML文件和php文件保存在wamp安装目录下www文件夹下相同的目錄下(我的是ajax文件夹),然后通过本地服务器打开html文件(比如我的是http://localhost/my/ajax/gujia.html/)每隔两秒钟就会看到数据的实时更新,而页面并没有刷新

PS: 对于返回的xml格式的数据,可以通过操作DOM的方式获取想要的数据与HTML的DOM规范基本相同。

我要回帖

更多关于 如何做好一个测试主管 的文章

 

随机推荐