Php output in div

Question

Here is my script :

<script>
    $('form.subscribe').on('submit', function() {
        var that = $(this);
        url = that.attr('action');
        method = that.attr('method');
        data ={};
        that.find('[name]').each(function(index, value) {
              var that = $(this),
              name = that.attr('name'),
              value = that.val();
              data[name] = value;
        });

        $.ajax({
            url: url,
            type:method,
            data: data,
            success: function(response){
                console.log(response);
            }
        });

        return false;
     });
</script>

I have an ajax function that gives me either an error message or a success message depending on what your input was on the form.

The messages that I get come from this php script:

<?php
    header("Refresh:7; url=contact.php");
    $email = $_POST['subscribefield'];

    if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
        echo "Dit emailadres klopt niet";
        die();
    }

    $to = "[email protected]";
    $subject = "Abonee voor de nieuwsbrief";
    $body = "$email \n Heeft zich aangemeld voor de nieuwsbrief";

    mail($to, $subject, $body);
    echo "U heeft zich zojuist aangemeld voor de vandenberg nieuwsbrief";
?>

Right now im displaying the outputs with a console.log(). But I would like to display those in a <div> instead.

instead of the console.log have $('#divid').html(response) in success — guradio
– guradio, Commented Jun 9, 2016 at 10:05

Alok Patel · Accepted Answer · 2016-06-09 10:06:15Z

5

You just have to use jQuery .html() to set the response content in a DIV.

Replace following line

console.log(response);

with

$('#idOfDiv').html(response);
//or
$('.classOfDiv').html(response);

answered Jun 9, 2016 at 10:06

Alok Patel

8,0726 gold badges35 silver badges48 bronze badges

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

Comments

Amit Sarwara · Accepted Answer · 2016-06-09 10:06:34Z

4

Create a div element in your html page in which you want to show your message and give it a id like

<div id="myMessage"></div>

and replace your console.log line with

$('#myMessage').text(response);

and your message will start coming in div.

answered Jun 9, 2016 at 10:06

Amit Sarwara

5737 silver badges15 bronze badges

Comments

Justinas · Accepted Answer · 2016-06-09 10:06:27Z

3

Use $(selector).html() to output HTML or $(selector).text() to output as plain text:

$.ajax({
    url: url,
    type:method,
    data: data,
    success: function(response){
        $('div').html(respons);
    }
});

answered Jun 9, 2016 at 10:06

Justinas

43.9k5 gold badges72 silver badges108 bronze badges

Comments

Dhia · Accepted Answer · 2016-06-09 11:14:06Z

3

If you want to create your div only in some specific case, then you can create div and then append data in AJAX success call.

In place of console.log(response);

Use :

$('#elementId').append("<div class=''>response</div>");

edited Jun 9, 2016 at 11:14

Dhia

10.7k11 gold badges62 silver badges70 bronze badges

answered Jun 9, 2016 at 10:58

vipin sharma

1561 silver badge6 bronze badges

Comments

rrk · Accepted Answer · 2016-06-09 10:07:26Z

2

Replace console.log() with $('#div-id').html(response);

edited Jun 9, 2016 at 10:07

rrk

15.9k4 gold badges32 silver badges49 bronze badges

answered Jun 9, 2016 at 10:05

Jay Bhatt

5,6715 gold badges44 silver badges66 bronze badges

Collectives™ on Stack Overflow

Php output in div

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related