• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

javascript – 本地ajax请求能否像php服务器一样,根据参数返回对应的数据??

php 搞代码 4年前 (2022-01-22) 20次浏览 已收录 0个评论
文章目录[隐藏]

本地ajax请求能否像php服务器一样,根据参数返回对应的数据?
我现在知道网页通过ajax请求能得到php中的数据,而且可以通过同一个地址,传递不同的data参数获得不同的数据,但是如果是获取本地的json文件能否达到同样的效果呢?

回复内容:

本地ajax请求能否像php服务器一样,根据参数返回对应的数据?
我现在知道网页通过ajax请求能得到php中的数据,而且可以通过同一个地址,传递不同的data参数获得不同的数据,但是如果是获取本地的json文件能否达到同样的效果呢?

不行,本地只能根据URL的不同来区分资源。
返回不同的数据,这个是需要服务器进行处理的,本地没有环境无法实现。其实你可以试试用node搭个简单的环境

问题描述的不够清楚,你说的获取本地json文件是指:xhr.open('post' , url , true) 这边的 url 不是类似:php/test.php 这样的服务器脚本而是 test.json 这样的??

若是不通过php这样的服务器脚本来调度数据的话,直接请求文件内容也是可以的。

例如:
这里有三个 json 文件: test.json , test1.json ,test2.json

<code>js:var path = 'test.json';  // 只要更换:test1.json || test2.json 就可以切换成不同的内容xhr.open('post' , path , true); // xhr.setRequestHeader('Content-Type' , 'application/x-www-form-urlencoded');xhr.send();xhr.onreadystatechange = function(){    if (this.readyState === 4 && this.status === 200) {        console.log(this.responseText); // 可以查看到 test.json 中的数据    }}</code>

若是换成 php 的也是一样的效果:

<code>js:var sendData = 'require=test';  // 只要更换参数: require test1 || require = test2 就可切换不同内容xhr.open('post' , 'test.php', true);  xhr.setRequestHeader('Content-Type' , 'application/x-www-form-urlencoded');xhr.send(sendData);xhr.onreadystatechange = function(){    if (this.readyState === 4 && t<b>6本文来源gao@dai!ma.com搞$代^码!网7</b><pre>搞gaodaima代码

his.status === 200) { console.log(this.responseText); // 可以查看到 test.json 中的数据 }}test.php:$require = $_POST[‘require’];switch ($require) { case ‘test’: require ‘test.json’; exit; case ‘test1’: require ‘test1.json’; exit; ….. }

综上,个人觉得 php 增加了处理的功能,所以建议还是xhr发送相关参数到 php 进行处理后反馈回数据的好,而不是直接请求不经处理的原始文本数据


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:javascript – 本地ajax请求能否像php服务器一样,根据参数返回对应的数据??

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址