jquery ajax call back request bringing html from php file

Question

I am making an ajax request where I will type name in input box to search data from db, It's working fine,

<script>

    $(document).ready(function(){   
    $('input#name-submit').on('click', function() {

    var nameVar = $('input#name').val();        
    if($.trim(nameVar) != ''){
        $.post('records.php', {name: nameVar}, function(data){
        $('div#name-data').text(data);
});    
    }    
});
});

</script>

----php

if(isset($_POST['name'])){    
$name = $_POST['name'];     
echo $name;

Now the problem is when I embed the html into php and echo it, It prints the html also

echo  "<div class='tblDiv'>";
echo  "</div>";

result: <div class='tblDiv'> Name </div>

how to avoid that and get the result in style?

What you have is the behaviour from AJAX - especially jQuery, anything printed (including html) in the php script will be parsed and returned by the AJAX. To get only certain data, split up your php script into parts, style, html etc. — Can O'Spam feels disassociated
– Can O'Spam feels disassociated, Commented Oct 14, 2015 at 13:16

Arun P Johny · Accepted Answer · 2015-10-14 13:19:37Z

4

You need to use .html() instead of .text()

 $('#name-data').html(data);

.text() will not parse the html content, it will escape the html and print the passed value as it is

edited Oct 14, 2015 at 13:19

answered Oct 14, 2015 at 13:18

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

1 Comment

Arun P Johny Over a year ago

@JeroenBellemans depends on how the function should react if called again

Collectives™ on Stack Overflow

jquery ajax call back request bringing html from php file

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related