How can I $_POST a form using PHP and JavaScript?

Question

I want to POST my form using PHP, but for some reason seems impossible, whatever I try to post the message is always empty.

I tried this code:

HTML

<div class="message-container">
    <form id="imageForm" name="form" action="/requests/post_message.php" method="POST" enctype="multipart/form-data">
        <div class="message-form-content">
            <div class="message-form-header">
                <div class="message-form-user"></div>
                <div class="message-form-private"></div>
                <div class="message-loader" id="post-loader" style="visibility: hidden"><div class="preloader"></div></div>
            </div>

            <div class="message-form-inner">
                <textarea id="post" class="message-form" placeholder="message_form" name="message"></textarea>
            </div>

            <div class="selected-files"><span id="queued-files">0</span> Files selected</div>
            <div class="message-form-input"><input type="text" name="value" id="form-value"></div>

            <div type="button" name="action" class="message-btn button-active" value="Post"><a onclick="startUpload()">Post</a></div>

        </div>
        <iframe id="my_iframe" name="my_iframe" src="" style="display: none"></iframe>
    </form>
</div>

JavaScript

function startUpload() {
    document.getElementById("imageForm").target = "my_iframe";
    document.getElementById("imageForm").submit();
    alert($("#imageForm").serialize()); //for debug
    document.getElementById("post-loader").style.visibility = "visible";
}

post_message.php

<?php
include("../includes/config.php");
session_start();

print_r($_POST['message']);

From network console I double checked the request and it's correct, I can see POST with status 200.

However when I write into the textarea and click on the Post button, the JS alert show me the message correctly instead the print_r of my PHP is empty, what's wrong with my form?

You are sending a GET, and checking for POST variables. Check $_GET instead of $_POST. — yivi
– yivi, Commented Jan 3, 2017 at 11:38
@NineCattoRules what I was hinting is that your id reference is missing the hash tag... — Vladimir M
– Vladimir M, Commented Jan 3, 2017 at 11:41

yivi · Accepted Answer · 2017-01-03 12:43:56Z

1

Answer was accepted before it actually resolved the question. I don't know exactly where was the problem located in the end. Originally the asker said the request was being sent by GET according to his browser inspector, but later retracted it.

I only found that this was wrong:

alert($("imageForm").serialize()); //for debug

should be:

 alert($("#imageForm").serialize()); //for debug

and better still:

 console.log($("#imageForm").serialize()); //for debug

edited Jan 3, 2017 at 12:43

answered Jan 3, 2017 at 11:40

yivi

48.2k18 gold badges133 silver badges157 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

NineCattoRules Over a year ago

Ok, but what about this? <form id="imageForm" name="form" action="/requests/post_message.php" method="POST" enctype="multipart/form-data">

yivi Over a year ago

Sorry, you are right about that. But you said that in the console you see a GET request with status 200...

NineCattoRules Over a year ago

a POST request for the page post_message.php when I click on POST button

yivi Over a year ago

Then as I said, you are sending it via GET, not via POST. Try checking $_GET and see what you get.

yivi Over a year ago

Do a print_r($_POST), and post what you get, please

|

Collectives™ on Stack Overflow

How can I $_POST a form using PHP and JavaScript?

1 Answer 1

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related