javascript - 本地ajax请求能否像php服务器一样,根据参数返回对应的数据??
本地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 && this.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; ..... }</code>
综上,个人觉得 php 增加了处理的功能,所以建议还是xhr发送相关参数到 php 进行处理后反馈回数据的好,而不是直接请求不经处理的原始文本数据

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

PHP 8.4 带来了多项新功能、安全性改进和性能改进,同时弃用和删除了大量功能。 本指南介绍了如何在 Ubuntu、Debian 或其衍生版本上安装 PHP 8.4 或升级到 PHP 8.4

CakePHP 是 PHP 的开源框架。它的目的是使应用程序的开发、部署和维护变得更加容易。 CakePHP 基于类似 MVC 的架构,功能强大且易于掌握。模型、视图和控制器 gu

登录 CakePHP 是一项非常简单的任务。您只需使用一项功能即可。您可以记录任何后台进程(如 cronjob)的错误、异常、用户活动、用户采取的操作。在 CakePHP 中记录数据很容易。提供了 log() 函数
