近发现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字符数据要求字段和值全用双引号,而不能用单引号。
本文介绍了一种使用JavaScript、JSON及PHP实现的无刷新查询功能。通过用户输入IP地址即可实时获取并展示相关信息,有效提升了用户体验。文章还分享了解决JSON解析错误的方法,并强调了生成标准JSON格式的重要性。
4435

被折叠的 条评论
为什么被折叠?



