How to use ajax to display php code when button is clicked

Question

So I have this code here,

<!-- Ajax!--><button type="button">Click Me</button>
        <p></p>
        <script type="text/javascript">
        $(document).ready(function(){
            $("button").click(function(){
                $.ajax({
                    type: 'POST',
                    url: 'random.php',
                    success: function(data) {
                        $(".mainContainer").text(data);

                    }
                });
            });
        });

but this script doesn't show the markup, just the text.

The php file echo's some HTML Markup such as

<img>
<p>

But the script I have is showing the text WITH the markup but I want the script to show the script WITHOUT the markup (using it).

I'm sure it has to do with the

$(".mainContainer").text(data);

What do I change the "text" to?

First time here at StackOverflow, go easy on me!

try like this $(".mainContainer").html(data);

Shehary
– Shehary

2015-09-17 04:40:52 +00:00
Commented Sep 17, 2015 at 4:40 — Shehary
– Shehary, Commented Sep 17, 2015 at 4:40

krivtom · Accepted Answer · 2015-09-17 04:41:04Z

2

Change it to html:

$(".mainContainer").html(data);

You can read more about html function in jQuery documentation

answered Sep 17, 2015 at 4:41

krivtom

25k10 gold badges53 silver badges54 bronze badges

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

Comments

Pranav C Balan · Accepted Answer · 2015-09-17 04:54:18Z

1

You need to use html() or innerHTML for setting html content.

$(".mainContainer").html(data);

or

$(".mainContainer")[0].innerHTML=data;

text(text) : We need to be aware that this method escapes the string provided as necessary so that it will render correctly in HTML. To do so, it calls the DOM method .createTextNode(), does not interpret the string as HTML.( Taken from : http://api.jquery.com/text/#text-text )

edited Sep 17, 2015 at 4:54

answered Sep 17, 2015 at 4:44

Pranav C Balan

115k25 gold badges173 silver badges195 bronze badges

Collectives™ on Stack Overflow

How to use ajax to display php code when button is clicked

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related