如何在php中从xhr fetch (CORS之后)获取json数据
在PHP中，你可以通过以下步骤从XHR Fetch（跨源资源共享）获取JSON数据：
- 配置CORS（跨源资源共享）：在服务器端设置CORS头，允许特定域名或所有域名访问服务器资源。在PHP中，可以通过设置HTTP响应头来实现，示例代码如下：
header('Access-Control-Allow-Origin: *');
header('Content-Type: application/json');上述代码将允许任意域名访问资源，并将响应的内容类型设置为JSON。
- 处理XHR/Fetch请求：接收和处理来自前端的XHR或Fetch请求，获取JSON数据。在PHP中，你可以通过以下步骤实现：
- a. 获取请求的JSON数据：
- a. 获取请求的JSON数据：
- b. 解析JSON数据为PHP对象或数组：
- b. 解析JSON数据为PHP对象或数组：
- 返回JSON数据：将处理后的数据以JSON格式返回给前端。在PHP中，你可以使用以下代码将PHP对象或数组转换为JSON数据并输出：
echo json_encode($data);这样，你就可以在PHP中从XHR Fetch（CORS之后）获取JSON数据了。
这个方法适用于各种PHP框架和库，如Laravel、Symfony、CodeIgniter等。推荐使用的腾讯云相关产品是腾讯云云服务器（CVM），它是一种可扩展的计算服务，提供高性能的云服务器实例，以支持您的应用程序和业务需求。
更多关于腾讯云云服务器的信息和产品介绍，请参考腾讯云官方文档： 腾讯云云服务器（CVM）产品介绍
请注意，以上答案仅供参考，并基于提供的信息给出了一般性的解决方案。实际情况可能因具体环境和需求而异，建议根据实际情况进行适当调整和进一步研究。
相关·内容
2回答
我正在尝试从前端访问API，并且尝试了xhr和fetch api请求。
在使用fetch时，我收到错误消息"Response to present not pass access control check: No ' access -Control-Allow- Origin‘header is an on the request resource.因此不允许访问原始的'’。如果一个不透明的响应满足您的需求，请将请求的模式设置为'no- CORS‘以获取禁用CORS的资源。“
但是，在使用XHR时，我没有收到headers not present警告，并且它成
浏览 3提问于2018-10-05得票数 0
我有nodejs服务器，在客户端，为了避免CORS错误，我有一个带有file_get_contents的php文件，它回应了来自不同域的json。
<?php
$json = file_get_contents('http://localhost/pixi/multidymy/getRanking.php');
echo $json;
问题是我的js得到的是php代码，而不是json (php代码没有被执行)。如果我从URL打开php文件，它工作得很好。我是不是遗漏了一些标题？到底怎么回事？控制台中未显示错误
const ranking = document.getEle
浏览 0提问于2019-07-09得票数 0
我可以从Dynamics 365中的javascript 365资源中简单地调用google。
var xhr = new XMLHttpRequest();
xhr.open("GET", 'https://maps.googleapis.com/maps/api/place/queryautocomplete/json?input={' + searchString + '}&types=address&language=en&crossDomain=true&key=[ourK
浏览 1提问于2018-04-23得票数 0
2回答
获取API Post方法不起作用
、、、、
fetch('http://localhost:9000/api/app/contact', {
method: 'POST',
headers: {
'content-type': 'application/json'
},
body: JSON.stringify({
email: this.state.email,
contactNumber: this.state.phone,
enquiry: this.state.msg
浏览 5提问于2017-09-08得票数 2
回答已采纳
首先，我在Javascript中使用了(可能是旧的)代码：
function GetJson(url)
{
// 1. New Object XMLHttpRequest
var xhr = new XMLHttpRequest();
// 2. Config it
xhr.open('GET', url, false);
// 3. Send request
xhr.send();
// 4. Errors
if (xhr.status != 200) {
// Responce err
浏览 4提问于2017-08-25得票数 2
回答已采纳
我想使用AJAX从数据库中检索(连续)数据，并将其传递给JavaScript中的一个变量。但是，我不能将它们存储在数组中。数组中的值始终是未定义的。代码如下：
我的JavaScript文件：
var counter = 0;
$(document).ready(function(){
var pressure = [];
var waterflow = [];
var xhr;
function execAjax(){
if(xhr && xhr.readyState != 4){
xhr.abort();
}
xhr = $
浏览 0提问于2019-02-11得票数 0
我想通过POST请求(使用ajax)向我的服务器发送一个json，但是每次尝试都被CORS阻止。读到为什么它被封锁了一点帮助都没有。这里有一条评论声称，contentType json的帖子请求是不允许的(对不起，我找不到相关的帖子了)。所以我测试了一些东西。我编写了以下php文件：
<?php
header("Access-control-allow-origin: *");
header('Content-Type: application/json');
echo json_encode(["someVal" => true]
浏览 1提问于2021-06-04得票数 0
我正在使用fetch API语法对admin-ajax.php进行Ajax调用。下面是调用后端脚本的代码：
fetch(ajax_obj.ajaxurl, {
method: "POST",
mode: "cors",
cache: "no-cache",
credentials: "same-origin",
body: JSON.stringify(this.data),
headers: {
"Content-Type": "applicat
浏览 1提问于2019-01-14得票数 4
我正在尝试使用shell脚本将数据保存到mongodb，然后将其发送到elasticsearch进行分析。下面是shell脚本中的一段psudo代码，用于说明该问题。 mongo $mongo_conn --eval "
// other javascritp code
db.collection.insertOne(insertData);
http_post_to_elasticsearch(url,insertData);
function http_post_to_elasticsearch(url,insertData){
// which http_post(
浏览 12提问于2020-06-11得票数 0
2回答
我试图下载文件从我的防火墙存储按钮点击事件，但它给我‘访问控制-允许-起源’错误。
根据上面的链接，我正在尝试配置CORS。我安装了gsutil命令行工具。但是我找不到需要复制这段代码的cors.json文件。
[
{
"origin": ["*"],
"method": ["GET"],
"maxAgeSeconds": 3600
}
]
然后，我使用命令gsutil cors get gs://<your-cloud-storage-bucket>，它返回gsutil cors get
浏览 2提问于2017-06-19得票数 3
回答已采纳
3回答
我正在开发一个从外部url使用json的网站，我试过了，但我得到了一个错误。
XMLHttpRequest cannot load http://reuniyo.com/tst/json.php. Origin null is not allowed by Access-Control-Allow-Origin。
下面是我使用的代码。
var url="http://reuniyo.com/tst/json.php";
jQuery.support.cors = true;
$("#success").load(url, function(response, s
浏览 3提问于2011-11-24得票数 2
在尝试通过AJAX从GET请求返回一些数据时，我不断地收到这个讨厌的错误消息...Unexpected token { in JSON...，我可以清楚地看到它来自哪里。请注意，只有当我有多(1)个项目从数据库返回时，才会发生这种情况。如果我只有一(1)个项目，我可以访问它的data.id，data.user_name，等等。
{
"id":"39",
"user_id":"19",
"user_name":"Brandon",
"content":
浏览 29提问于2018-01-25得票数 1
回答已采纳
1回答
为了避免使用jQuery (如果ajax是我所需要的)，我有下面的ajax调用，它像champ一样工作。
$.ajax({
type: "POST",
url: "/Tests/EEG/Portable/Index?handler=Testing",
beforeSend: function (xhr) {
xhr.setRequestHeader("XSRF-TOKEN", $('input:hidden[name="__RequestVerificationToken"]').val());
浏览 0提问于2018-06-25得票数 5
1回答
我有一个托管在pythonanywhere.com上的应用程序。如果发送的数据不包含data属性，它将抛出400错误，否则将返回响应数据。这是服务器的Flask代码： @app.route('/api', methods=['POST'])
def get_post():
if not request.json or not 'data' in request.json:
abort(400)
data = request.json['data']
# do something with
浏览 22提问于2020-07-08得票数 0
回答已采纳
1回答
我试图显示文章从wordpress博客到一个远程网站使用RSS提要提供的wordpress。但是，当然，我不得不设法绕过CORS。因此，我现在尝试在PHP中创建一个XML代理服务器，并使用。
下面是如何为输出设置HTML：
<div id="output"></div>
调用PHP代理的ajax：
// my test XML feed with only one post for now
var url = "http://www.intecllc.net/wp/feed/";
// AJAX request
var
浏览 9提问于2016-04-08得票数 0
回答已采纳
我正在尝试设置跨域的GET请求。域A是目标，它有一个名为/getUser的服务：
(...)
server.get('/getUser', function(req, res) {
console.log('Call received');
}
(...)
正如您所看到的，它并没有做太多的事情，我只是试图确保请求到达。域名A有一个公共的js文件，它实现了对该服务的调用：
function callDomainA(){
var url = 'https://domainA.com/getUser?callback=?';
var
浏览 1提问于2012-12-01得票数 0
3回答
在深入研究角之前，我在服务器上做了一个干净的测试，以检查是否启用了CORS。用这个脚本。
var xhr = new XMLHttpRequest();
var param = 'name=mrA';
xhr.open('POST','http://api.otamarket.local/api/cors.json',true);
//Send the proper header information along with the request
xhr.setRequestHeader(&
浏览 3提问于2014-11-28得票数 0
回答已采纳
我正在尝试用react.js构建登录，并将其连接到我的springboot。
这是我的代码，react.js：
import React from 'react';
export default class Login extends React.Component {
constructor() {
super();
this.state = {
login:"",
password:""
}
}
// This will be called when the user clicks
浏览 3提问于2016-09-18得票数 0
2回答
我尝试从获取index.php文件的服务器https://www.my-site.com/api中获取数据(文件夹中的文件列表)，该文件是
<?php
header("Access-Control-Allow-Origin: *");
header("Content-Type: application/json");
$dir = "./photos"; //path
$list = array(); //main array
if(is_dir($dir)){
if($dh =
浏览 0提问于2020-03-02得票数 0
我使用以下代码使XMLHttpRequest从服务器获得一个json值：
let xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
let msg = JSON.parse(xhr.responseText);
// Send the request to our POST Servlet
}
};
xhr.open("GET", "/libs/g
浏览 0提问于2017-03-20得票数 3
对于我的书店，我开始构建一个收银台脚本。这是一个非常简单的表单，包含一个ajax动态搜索。这是用于本地PC的脚本，因此该脚本不会发布到web上。
当我扫描EAN代码时，我有我的表单填写标题，作者，编辑和价格。这本书已经准备好放进篮子里了。
现在，我尝试在这个脚本中引入Json :但是我不知道如何在脚本中获取mysql查询的值，并将它们放入我的收银台表单的正确字段中。
我已经测试了Mysql查询和Json。
查询
<?php
header('Content-Type: text/html; charset=ISO-8859-1');
include('connex
浏览 0提问于2013-03-11得票数 0
1回答
嗨，伙计们，我被困在我的代码中了，我请求使用一个php来使用jquery获取数据。请帮我找个解决办法
Ajax代码
$.ajax({
url: request_url+"courses.php",
type: 'POST',
dataType: 'jsonp',
cors: true ,
contentType:'application/json',
data: { request_courses: courses },
secure:
浏览 6提问于2020-02-26得票数 0
1回答
如何提出一个简单的CORS请求？
、、、、
的情况：
我正在用AngularJs制作一个应用程序。我需要发出一个CORS请求，以便从不同地址的api中获取数据。
在api上，我输出一个非常简单的json，用于测试目的：
[{"id":0,"name":"First"},{"id":1,"name":"Second"},{"id":2,"name":"Third"}]
我需要获取这些数据并在我的应用程序上显示。
$HTTP CALL:
进行$http调用将得到以下错误，因为api位于不同的域中：
浏览 4提问于2015-06-26得票数 1
回答已采纳
我试图访问返回JSON对象的服务器上的php脚本。我试图用纯JS (而不是jQuery或React)来实现这一点。
我有以下联合来文：
//Define Parameters:
var param1 = document.getElementById("param1");
var param2 = document.getElementById("param2");
//Send data to the server:
function sendData() {
var XHR = new XMLHttpRequest();
//On Su
浏览 1提问于2018-09-29得票数 0
我试图在wordpress中启用CORS，并将这一行代码放在我的header.php文件中
header("Access-Control-Allow-Origin: *");
然后，我测试了它是否通过这个页面http://client.cors-api.appspot.com/client工作。
我得到的回应是：
Fired XHR event: loadstart
Fired XHR event: readystatechange
Fired XHR event: error
XHR status: 0
XHR status text:
Fired XHR event:
浏览 0提问于2013-06-16得票数 1
2回答
我在试着弄清楚CORS的请求。
我在网站上登录，这是手动完成的网站。现在我正在尝试从另一个网站获取我自己的用户数据。
我已经启动了"fetch令牌“请求并运行得很好。
但是，当我试图获取用户数据时，我总是得到匿名用户数据。
这是我的Drupal代码：
if (isset($_SERVER['HTTP_ORIGIN'])) {
drupal_add_http_header("Access-Control-Allow-Origin", $_SERVER['HTTP_ORIGIN'], TRUE);
drupal_add_http_h
浏览 0提问于2018-02-28得票数 0
回答已采纳
1回答
当我通过postman访问任何端点时，我都会通过$ php -S localhost:8888 -t public运行Lumen (5.3) API，它工作正常。但是，例如，当我试图使用curl localhost:8888/v1/auth/login时，会出现以下错误：
curl：(7)未能连接到本地主机端口8888:连接被拒绝
在问这个问题之前，我做了一些周折，一些用户说我可能需要为我的一些路线启用CORS。因此，我继续安装，并将其应用于所有路线。
但是，我仍然无法从我的终端窗口命中任何端点。
最终目标
最终，我们的目标是将来自react应用程序的请求代理到腔后端，但我一直被拒绝连
浏览 2提问于2017-08-27得票数 7
回答已采纳
2回答
我想从react中的API中获取数据：
async componentDidMount(){
const url="https://covidensa.herokuapp.com/";
const response =await fetch(url);
const data=await response.json();
this.setState({ person:data.results,loading:false });
console.log(this.state.person)
console.log(this.state.option.option1.option2)
浏览 6提问于2021-06-13得票数 1
2回答
我正试图从file://example.html到向XMLHttpRequest提出请求。我读了很多关于CORS的文章(在本例中，原点为null，这是可以的)。我不知道我做错了什么。我的请求完成得很好，但是$_POST是空的！除非我设置了“内容类型:application/x form-urlencoded”。但是“text/平原”或"application/json“在$_POST中没有给出结果。为什么？
xhr.open("POST", "http://localhost/index.php", true);
xhr.setReque
浏览 5提问于2015-07-25得票数 1
回答已采纳
我试图从获得的响应中存储纬度和经度的值。现在我用的是加利福尼亚的固定地点。我的HTTP请求一直未定义返回。
我已经看了很多遍，我发现人们也有同样的问题，但是我不能用一个回调函数来解决这个问题，这似乎是解决问题的方法，有人能向我解释一下怎么做吗？我知道我的CORS请求是有效的，因为我正在使用它来从我设置的Heroku服务器上对话GET。
var geocode = new XMLHttpRequest();
geocode = createCORSRequest('GET', 'https://maps.googleapis.com/maps/api/geocode/js
浏览 5提问于2015-04-16得票数 0
回答已采纳
我意识到这个问题已经被问了十几次了，每一个回答都表明我做得对，但也许我漏掉了什么。
AJAX提供CORS请求，如下所示……
$.ajax({
url: 'someotherdomain.com',
type: 'post',
data: {key: 'value'},
dataType: 'json',
async: false,
crossDomain: true,
beforeSend: function(xhr){
xhr.withCredentials = true;
},
success: function(x,
浏览 0提问于2012-11-20得票数 8
回答已采纳
因此，我使用Laravel 5.8作为ReactJS视图的API。
我已经创建了一个“cors”中间件，我在Kernel.php文件上注册了它，并且在我正在使用的api路由上使用它。我使用GET请求进行了测试，它成功了，但是当我使用POST请求进行测试时，我得到了cors错误：
从源“”获取“”的访问已被CORS策略阻止:对飞行前请求的响应不通过访问控制检查:请求资源上不存在“访问控制-允许-原产地”报头。如果不透明响应满足您的需要，请将请求的模式设置为“no- CORS”，以获取禁用CORS的资源。
所以我的api.php (“/ have /api.php”)是这样的：
Route
浏览 2提问于2019-07-15得票数 5
1回答
我基本上是在尝试通过xss进行端口扫描，并试图利用目标服务器的相同来源策略。我想我设置了合适的标题。我需要以纯文本形式从目标服务器上的web服务中检索响应，并将其转发到我的邮件接收端点。我认为我设置了适当的头来启用cors，但是我仍然获得混合内容块，并且没有将对象转发到那个端点。
let headers = new Headers();
headers.append('Content-Type', 'application/json');
headers.append('Accept', 'application/json');
浏览 2提问于2022-03-20得票数 0
2回答
我不知怎么搞不清楚，情况如下：
我正在调用不在同一台机器上的web服务上的方法，并在脚本中使用以下JS片段：
$.ajax({
type: "POST",
url: "http://" + gServer + "/xawebservice/xawebservice.asmx/" + webMethod,
contentType: "application/json; charset=utf-8",
dataType: "json
浏览 3提问于2012-12-11得票数 1
1回答
我正试图向外部的laravel站点发出2个ajax请求。其中一个请求工作得很好(“列表”)。另一个(“保存设备”)给出了以下错误：
CORS策略已阻止从原点'‘到的访问:请求的资源上没有“访问控制-允许-原产地”标题。
该来源为null，因为请求来自本地html。
我已经创建了一个CORS中间件解决方案，它适用于第一个路由，但不适用于第二个路由。
这两个路由存储在web.php中，如下所示：
Route::post('/devicecreate','FrontEndController@savedevice')->middleware('
浏览 0提问于2019-09-05得票数 1
回答已采纳
4回答
我正在使用IBM Watson服务实现一个虚拟代理。我的应用程序是使用Jquery、Angular JS和Java.Currently开发的，我从中间层java调用watson服务。但我想避免这种情况，直接从javascript.When调用，我使用XML请求从javascript调用，我正在使用CORS error.How来解决这个问题？
下面是我的代码：
var username = "uid";
var password = "pwd";
var xhr = new XMLHttpRequest();
xhr.open('GET',
浏览 0提问于2017-03-30得票数 3
最近我一直在使用fetch API和承诺，我遇到了.json()。通常，.json()返回与JSON.parse相同的输出。我在谷歌上搜索了这个问题，结果指向了其他方向。
XHR和JSON.parse示例：
$('#xhr').click(function(){
var XHR = new XMLHttpRequest();
XHR.onreadystatechange = function(){
if (XHR.status == 200 && XHR.readyState == 4) {
$('#quote').
浏览 0提问于2018-01-17得票数 20
回答已采纳
我有一个PHP应用程序，它从另一个域中的客户端接收数据。数据通过POST方法从fetch API到达，但是PHP不会向fetch API发送响应。
foo.com/endpoint.php:
<?php
include_once('database/connection.php');
header('Content-Type: application/json');
$ip = $_POST["ip"];
$city = $_POST["city"];
$state = $_POST["state"];
$
浏览 5提问于2022-07-22得票数 0
正如标题所述，我在子域上有一个带有rest的symfony3应用程序，因此：
GET http://ajax.localhost.dev:10190/menus
返回JSON格式的菜单列表。
下面是nelmio包(/app/config/nelmio/cors.yml)的配置
nelmio_cors:
paths:
'^/':
origin_regex: true
allow_origin: ['^https?://%domain%:[0-9]+']
allow_headers: ['X-Custom-Au
浏览 11提问于2016-11-09得票数 2
回答已采纳
我正在使用CORS获取JSON数据，并且在我的控制台中成功地获取了JSON数据。现在我想用PHP显示获取的数据。在下面的代码之后，将获取的数据放入PHP的下一步是什么？ <script>
fetch("http://localhost:8000/get_users.php", {
method: 'post',
credentials: 'include'
}).then(response => {
return
浏览 28提问于2021-10-20得票数 1
我是JavaScript的新手。如何将模式：no-cors添加到XMLHttpRequest中的JavaScript中？
例如，对于此代码：
var xhr = new XMLHttpRequest();
xhr.open("POST", yourUrl, true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(JSON.stringify({
value: value
}));
浏览 7提问于2021-08-16得票数 2
5回答
我试图使用JavaScript和访问维基百科。
据我所知，维基百科应该支持CORS：
我尝试了以下脚本:创建一个XMLHttpRequest+凭证/XDomainRequest，添加一些HTTP头(“访问控制-允许-凭据”，等等)。然后发送查询。
var WikipediaCORS=
{
setMessage:function(msg)
{
var span=document.getElementById("id1");
span.appendChild(document.createTe
浏览 17提问于2014-05-30得票数 30
回答已采纳
有没有办法从url访问API而不需要Chrome扩展CORS (Allow-Control-Allow-Origin)？该代码仅在扩展打开时才起作用。我没有访问远程服务器的权限。
var getJSON = function(url, callback) {
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.responseType = 'json';
xhr.onload = function() {
var status = x
浏览 1提问于2019-05-24得票数 1
我有以下问题：
我的服务器对HTTP POST的响应是401错误。在同一个webapp中，我可以使用HTTP GET请求，这很好用。我用postman测试了POST请求，并且我能够成功地获取数据(所以至少它是工作的)……
请求代码(从邮局复制)：
var data = JSON.stringify({
"query": {
"objectTypeId": "168"
}
});
var xhr = new XMLHttpRequest();
xh
浏览 0提问于2018-04-20得票数 3
这把小提琴在Chrome中运行得很好，但在Firefox：中却不起作用。
index.html
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<input type="button" value="Get Data" onclick="getData()"/>
<h1 id="output"></h1>
</body>
<script s
浏览 0提问于2015-09-09得票数 0
回答已采纳
你好，我正在使用这个方法来读取这个api，它给出了CORS错误。我已经添加了CORS插件与铬，然后它也不会来。请让我知道如何解决这些错误。
文本：
function NoCors() {
debugger;
var uName = "*****";
var passwrd = "*****";
document.write("Enter1");
var url = 'http://219.90.67.163:8207/api/Info/getgismeter
浏览 3提问于2018-11-15得票数 0
1回答
我正在尝试从数据库中接收数据，根据用户输入的名称，一切正常，我确实看到屏幕上的值，这里没有错误的php代码：
<?php
$dbhost = "localhost";
$username = "root";
$password = "";
mysql_connect($dbhost,$username,$password);
@mysql_select_db("trynew") or die(mysql_error());
$user ="mon";
$query = "SELEC
浏览 0提问于2016-08-15得票数 0
我正在尝试使用来自JavaScript前端的fetch调用，以便从用Flask编写的服务器/api下载csv文件。但是，在阅读之后，似乎目前还没有使用fetch调用下载csv文件的方法，所以我尝试将csv文件数据转换为json，以便在响应中作为数据发送。然而，当我做一个fetch调用时，我得到： SyntaxError: Unexpected token S in JSON at position 0 这是我到目前为止编写的flask服务器，它涉及到服务到/的api调用，并将csv文件数据转换为json： from flask import Flask, request, send_file
浏览 60提问于2021-01-07得票数 0
我试图将数据从Reactjs发送到我的Nodejs服务器(托管在Firebase上)，以便从API调用中检索数据。
当API url被硬编码时，它就工作了，所以问题应该是将数据从发送到Node。我目前正在尝试让它只返回一个请求，但是一旦我能够这样做，我将尝试获取多个请求。
其结果是使用响应填充股票状态。
我的反应代码如下所示：
class Table extends Component {
constructor (props)
{
super(props);
this.state = {
favorites: ['APPL'],
浏览 8提问于2021-05-30得票数 0
回答已采纳
1回答
如何调用角10中的api
、、、
我正在写一个角度网站，我试图发布一些有效负载到API，这是建立在AWS云中。
我编写的代码如下：
async doCognitoLogin(email, password) {
const payloads = {
poolData: {
UserPoolId: 'us-east-2',
ClientId: '324234234234sad',
Paranoia: '7',
},
params: {
username: 'mye
浏览 3提问于2020-12-01得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
