PHP Ajax Submit Form Return Data

Question

I have the following form in my HTML page:

        <form id="submission" action="testresponse.php" method="post">
            <input id="URL" name="URL" type="text">
            <button name="Submit" type="submit">Submit</button>
        </form>

testresponse.php just contains <?php print_r($_POST); ?> to print all the post variables.

I am trying to submit the form and have it return the values on the same page that the page was submitted (i.e. return the POST variables somewhere above the form)

I used the following jQuery code:

$( document ).ready(function() {
    var frm = $('#submission');
    frm.submit(function (ev) {
        $.ajax({
            type: frm.attr('method'),
            url: frm.attr('action'),
            data: frm.serialize(),
            success: function (data) {
                console.log(data.responseText);
            }
        });
        ev.preventDefault();
    });
});

But for some reason data.responseText always returns blank

Is there a way to have my form send a POST request to a PHP page and return the result?

simply do with console.log(data)

prasanth
– prasanth

2016-12-08 07:55:07 +00:00
Commented Dec 8, 2016 at 7:55 — prasanth
– prasanth, Commented Dec 8, 2016 at 7:55
@DaveChen type: frm.attr('method'), is right syntax

Hassaan
– Hassaan

2016-12-08 08:00:20 +00:00
Commented Dec 8, 2016 at 8:00 — Hassaan
– Hassaan, Commented Dec 8, 2016 at 8:00

Hassaan · Accepted Answer · 2016-12-08 07:54:41Z

3

Change from

console.log(data.responseText)

to

console.log(data)

answered Dec 8, 2016 at 7:54

Hassaan

7,7307 gold badges34 silver badges53 bronze badges

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

Collectives™ on Stack Overflow

PHP Ajax Submit Form Return Data

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related