Jquery isnt inputting some information into HTML doc

manpreet Best Answer 3 years ago

I have a search function as a part of an online booking webapp I am writing that is done via AJAX request, when the search request is executed, the php doc/server does respond with the correct information:

 class='hover'>
     class='files fileName'/> result1  
     class='owner files name green' >Available 

 class='hover'> 
     class='files fileName'/> result2  
     class='owner files name green' >Available 

 class='hover'> 
     class='files fileName'/> result3  
     class='owner files name green' >Available 

However, if I inspect element, I get this:

 class='hover'>
     class='files fileName'/> 
     class='owner files name green' >Available 

 class='hover'> 
     class='files fileName'/> 
     class='owner files name green' >Available 

 class='hover'> 
     class='files fileName'/> 
     class='owner files name green' >Available 

notice that in the second example, the second line for each  does not have a result in the 

my jquery code looks like this,

$("#table").empty(); //to empty the rable of default results
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200){
        $("#table").html(xhttp.responseText); //should put the new data into the table
        console.log(xhttp.responseText);
    }
}

why does jquery omit only those values? seems to precise to be random, but its in the middle of the string so that doesnt make any sense.

manpreet 3 years ago

I now fixed the issue, this is how I did it.

TL;DR, I was stupid

I accidentally added a closing / to the end of my  so that it became td class='files fileName'/> which lead to complications.

thanks to user Ivar for pointing this out to me