近发现Javascript+json+PHP开发有点意思,于是做了个小查询功能“通过IP查询用户信息”.
一、先创建三个文件:一个js(实现对主表单对象和PHP结果的操作),一个后台取数据的PHP文件和一个index.PHP,index.PHP中调用到了自定义js 和www.json.org的json2.js
<script src="/json/json2.js" type="text/javascript"></script> <script src="getip.js" type="text/javaScript"></script>
界面如下:
用户输入IP地址,点【查询】即显示工号、姓名等信息,初次调试时出现错误:
JSON.parse: unexpected character,说明parse函数解析的字符串不是合法的JSON字符串,将PHP返回的结果用alert显示出现发现包含了其他的内容:
显示结果来看,PHP返回了样式引用和js引用脚本,经查是我的后台取数据的PHP中引用了auth.PHP(它包含了样式和js引用),将它替换为conn.PHP(只包含了MysqL方法),然后就显示正常,如下图:
无刷新查询数据就这样实现了,速度的确比刷新的快很多!在生成json数据时要多注意生成的数据是否是标准格式,格式网上有很多讲述的文章,另外,json2.js对json字符数据要求字段和值全用双引号,而不能用单引号。