JavaScript fetch használata POST adatokkal probléma

JavaScript fetch használata POST adatokkal

2022-01-27T16:12:22+01:00

2022-01-27T17:12:09+01:00

2022-08-12T07:00:30+02:00

*deleted_23419333

Sziasztok!

Ez működik, ha nem POST-olok adatokat:

<body>
	<table>
		<tbody id="data"></tbody>
	</table>
	<script>
		fetch( 'https://*/api/fetch.php' ) . then( response=> response . text() ) . then( text=> document . getElementById( "data" ) . innerHTML = text );
	</script>
</body>

Ez nem:

fetch( 'https://*/api/fetch.php', {
	method: 'POST',
	body: JSON.stringify({
		type_id: '1'
	}),
	headers: {
		'Content-Type': 'application/json'
	}
} ) . then( response=> response . text() ) . then( text=> document . getElementById( "data" ) . innerHTML = text );

Miért nem működik, mi a megoldás?

Mutasd a teljes hozzászólást!

A fetch.php-ban ne a $_POST tömböt ellenőrizd, hanem próbáld ki ezt:

$content = trim(file_get_contents("php://input"));
$post = json_decode($content, true);
var_dump($post);

Mutasd a teljes hozzászólást!

Oszd meg másokkal!

- H.Lilla
  válasza *deleted_23419333 (16:12) részére
- 2022.01.27. 16:29
- permalink
A JavaScript konzolt és a Network tabot megnézted a böngésződben?
Mutasd a teljes hozzászólást!
- *deleted_23419333
  válasza H.Lilla (16:29) részére
- 2022.01.27. 16:33
- permalink
A konzol nem ír hibát, a Network fülnél is minden rendben van, de a fetch.php erre üres tömböt ad vissza:

var_dump( $_POST );

Mutasd a teljes hozzászólást!
- H.Lilla
  válasza *deleted_23419333 (16:33) részére
- 2022.01.27. 16:50
- permalink
Óh várj, most látom, hogy cross-origin request-et akarsz végrehajtani (kiindulva abból, hogy https:// kezdetű az URL-ed). Ebben az esetben kelleni fog ez:

mode: 'cors'

Mutasd a teljes hozzászólást!
- pamacs_01
  megoldása
- 2022.01.27. 16:53
- permalink
A fetch.php-ban ne a $_POST tömböt ellenőrizd, hanem próbáld ki ezt:

$content = trim(file_get_contents("php://input")); $post = json_decode($content, true); var_dump($post);

Mutasd a teljes hozzászólást!

- *deleted_23419333
  válasza H.Lilla (16:50) részére
- 2022.01.27. 17:05
- permalink
Mindkét fájlhoz hozzáadtam ezt:

header( 'Access-Control-Allow-Origin: *' );

Illetve kiegészítettem azzal amit írtál:

{ method: 'POST', body: JSON.stringify({ type_id: '1' }), headers: { 'Content-Type': 'application/json' }, mode: 'cors' }

... de sajnos hiába.
Mutasd a teljes hozzászólást!
- *deleted_23419333
  válasza pamacs_01 (16:53) részére
- 2022.01.27. 17:06
- permalink
Köszönöm, ez működik. A másikkal mi lehet a probléma?
Mutasd a teljes hozzászólást!
- H.Lilla
  válasza H.Lilla (16:50) részére
- 2022.01.27. 17:08
- permalink
[törölve]
Mutasd a teljes hozzászólást!
- pamacs_01
  válasza *deleted_23419333 (17:06) részére
- 2022.01.27. 17:11
- permalink
An associative array of variables passed to the current script via the HTTP POST method when using application/x-www-form-urlencoded or multipart/form-data as the HTTP Content-Type in the request.

PHP: $_POST - Manual

Te json-t küldesz a szerverre, nem ezt.
Mutasd a teljes hozzászólást!
- H.Lilla
  válasza H.Lilla (17:08) részére
- 2022.01.27. 17:12
- permalink
Hát, illett volna ránézni a PHP doksira :D

$_POST: An associative array of variables passed to the current script via the HTTP POST method when using application/x-www-form-urlencoded or multipart/form-data as the HTTP Content-Type in the request.

Alatta komment: If you want to receive application/json post data in your script you can not use $_POST. $_POST does only handle form data. Read from php://input instead.

Ma is tanultam valamit.
Mutasd a teljes hozzászólást!

Oszd meg másokkal!

Címkék