Populate data from mysql to ListView (JQuery Mobile) using ajax

Question

 <div data-role="main" class="ui-content">
    <ul data-role="listview" id="responsecontainer" >
  </ul>

This is my html file.

var output = $('#responsecontainer');   
$.ajax({
    url: 'http://192.168.1.28/mobile/db_select.php',
    dataType: 'jsonp',
    jsonp: 'jsoncallback',
    timeout: 5000,
    success: function(data, status){
        $.each(data, function(i,item){ 
            var landmark = '<li><a href="#"><h2>'+item.tr_issue+'</h2>'
            + '<p>'+item.tr_assign+'</p></a></li>';
            output.html(landmark);
            console.log(output);
        });
    },
    error: function(){
        output.text('There was an error loading the data.');
    }
});

This is my JavaScript.

I want to populate my listview from my database(mysql) but the problem is when it generates the theme of jquery mobile di not work.

enter image description here

its like a simple unordered list. thanks in advance

sanjeev · Accepted Answer · 2015-05-07 10:47:44Z

1

Add $('ul').listview('refresh'); after appending the HTML

Show change your success callback as below

    success: function(data, status){
        $.each(data, function(i,item){ 
            var landmark = '<li><a href="#"><h2>'+item.tr_issue+'</h2>'
            + '<p>'+item.tr_assign+'</p></a></li>';
            output.html(landmark);
            console.log(output);
        });
         $('ul').listview('refresh');
    },

edited May 7, 2015 at 10:47

answered May 7, 2015 at 10:40

sanjeev

4,6512 gold badges22 silver badges28 bronze badges

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

Collectives™ on Stack Overflow

Populate data from mysql to ListView (JQuery Mobile) using ajax

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