近发现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字符数据要求字段和值全用双引号,而不能用单引号。

Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐