要在本地测试AJAX首先是环境的搭建,下面以wamp为例
3、安装完wamp后,双击桌面上wamp的快捷方式启动wamp
如果wamp正常启动,任务栏右下角有绿色的w图标如图:
在wamp安装目录下有一个www文件夹,用来测试的文件都保存在这个文件夹中
下面是我的例子,效果图是这样的:
使用Ajax使当前价格隔一段时间自动更新一次同时涨跌輻度也跟着更新。这个例子要创建两个页面一个是前台的html页面,用来发送请求和显示服务器返回来的响应结果一个是后台的php文件(我給这个文件命名price.php,代码中要用到)用来接收请求。
JavaScript高级程序设计第三版仩说,用get方式发送请求时添加到url末尾的数据必须经过encodeURIComponent()方法编码
关于服务器返回的数据格式主要有三种:
下面是服务器端price.php文件的代码:
代码写完之后把HTML文件和php文件保存在wamp安装目录下www文件夹下相同的目錄下(我的是ajax文件夹),然后通过本地服务器打开html文件(比如我的是http://localhost/my/ajax/gujia.html/)每隔两秒钟就会看到数据的实时更新,而页面并没有刷新
PS: 对于返回的xml格式的数据,可以通过操作DOM的方式获取想要的数据与HTML的DOM规范基本相同。