Sending FormData to PHP file not working as expected

Question

I have a XMLHttpRequest to send a courseName to php file on the server like this:

    const xhr = new XMLHttpRequest();
    xhr.onload = function(e) {
        if(this.readyState === 4) {
            console.log("Server returned: ",e.target.responseText);
        }
    };
    const fd = new FormData();
    
    fd.append("courseName", 'Math');
    xhr.open("POST", "upload.php", true);
    xhr.send(fd);

PHP:

<?php

echo $_FILES['courseName']

?>

But nothing is returned, I'm confused please help... it should return Math, Doesn't it?

What do you see in the network panel? What do you see in the console? Does the PHP actually return anything? — epascarello, Feb 24 '21 at 19:27
So sounds like the PHP returns nothing. Unclear why you are using `$_FILES` — epascarello, Feb 24 '21 at 19:30
You're not adding a file to `fd` but regular form data. You should use `$_POST` instead of `$_FILES` for that. — rickdenhaan, Feb 24 '21 at 19:30

score 1 · Answer 1 · answered Feb 24 '21 at 19:46

1

The network doesn't show any data sent over.

How to use FormData for AJAX file upload?

Shows you how to send files using FormData ...

Best, Smith

answered Feb 24 '21 at 19:46

Avogado Smith

51
4

Sending FormData to PHP file not working as expected

1 Answers1