Panowie mam zagwostke , mianowicie mam plik *.js w którym mam kod:

[HTML] pobierz, plaintext 
 
document.addEventListener('submit', function(e){	
	e.preventDefault();
 
	const form = document.querySelector("#myButton")
	const firstVal = form.firstVal.value
	const secondVal = form.secondVal.value
 
	const obj = {
		firstVal: firstVal, 
		secondVal: secondVal
	};
 
	alert('pokaż: ' + JSON.stringify(obj));	
});
 
[HTML] pobierz, plaintext 

powyższy kod pokaże mi alert z dwóch pól input , teraz te dane chciałbym wysłać ajaxem/ postem /getem , niestety ten plik .jsowy nie rozróżnia znaku dolara , bo nie ma biblioteki jQuery.

Pytanie brzmi , czy da radę importować do pliku .js inny plik js ? Czy może zrobić coś na zasadzie że w miejsce alertu stworzyć funkcje która przekaże mi dane do innej funkcji i w pliku index pod zaincludowanym .js'em dodać funkcje która odbierze mi te dane? Tylko czy to ma sens i można tak zrobić?

https://developer.mozilla.org/en-US/docs/We...API/Using_Fetch

@viking ok wrzuciłem do swojego .js'a kod:

[HTML] pobierz, plaintext 
const data = { username: 'example' };
 
fetch('test.php', {
  method: 'POST', // or 'PUT'
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify(data),
})
.then(response => response.json())
.then(data => {
  console.log('Success:', data);
})
.catch((error) => {
  console.error('Error:', error);
});
 
 
w pliku test.php ,   sam tekst   "test tekstowy" 
 
po odpaleniu skryptu, nie otrzymuje komunikatu zwracanego z test.php ,a dodatkowo zarzuca .js błędem:
Error: SyntaxError: Unexpected token e in JSON at position 2
 
chodzi o linie: 
[html]
console.error('Error:', error);
[HTML] pobierz, plaintext 

[/html]

No a test.php zwraca poprawny JSON? Bo z komunikatu bledu wynika ze jednak nie.

Zajrzyj w konsoli do zakladaki NETWORK/SIEC i zobacz co lest w test.php


to moze byc problemem

a no tak,

[PHP] pobierz, plaintext 
header('Content-Type: application/json; charset=UTF-8');
$response = 'test'; 
echo json_encode($response); 
[PHP] pobierz, plaintext 

dzięki


@viking , @nospor super tylko, że teraz zauważyłem, że wcale mi nie śle $_POST, bo jak rozumiem, moją zmienną dla post jest "data"

[HTML] pobierz, plaintext 
const data = { username: 'example' };
[HTML] pobierz, plaintext 

tymczasem zwraca mi null

serio? taka kombinacja działa:

[PHP] pobierz, plaintext 
$content = trim(file_get_contents("php://input"));
[PHP] pobierz, plaintext 

a zwykły $_POST nie chce

Wysyłasz dane o typie application/json.
Jeśli chcesz mieć je w $_POST, to musisz wysłać multipart/form-data.