Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Dec 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    jQuery, AJAX and PHP fetching from database

    Hello,

    I'm working on a mobile app (I'm a total newbie) and I need some help. I'm trying to fetch data from MySQL database and encode it in JSON and then get it with AJAX call in jQuery.

    HTML:
    Code:
    <ul></ul>
    jQuery:
    Code:
    $(document).ready( function() {
     done();
    });
     
    function done() {
    	  setTimeout( function() { 
    	  updates(); 
    	  done();
    	  }, 200);
    }
     
    function updates() {
    $.ajax({
         url:"http://wawhost.com/appProject/fetch.php",
         dataType: 'jsonp',
         success:function(data){
           $("ul").empty();
    	   $.each(data.result, function(){
    	    $("ul").append("<li>Name: "+this['name']+
    		"</li><li>Age: "+this['age']+
    		"</li><li>Company: "+this['company']+
    		"</li><br />");
    	   });
    	   };
     });
    }
    PHP:
    Code:
            include_once('db.php');
     
    		$sql = "SELECT * FROM posts";
    		$res = mysql_query($sql);
    		$result = array();
     
    		while( $row = mysql_fetch_array($res) )
    		    array_push($result, array('name' => $row[0],
    			                          'age'  => $row[1],
    						  'company' => $row[2]));
     
    		echo json_encode(array("result" => $result));

  • #2
    Senior Coder
    Join Date
    Dec 2010
    Posts
    2,396
    Thanks
    12
    Thanked 569 Times in 562 Posts
    First of all, you should not call done() from inside the setTimeout callback. You should only call it after the request started by updates() finished, i.e. in its success callback

    Second: There must not be a semicolon after the closing bracket of the success callback
    Code:
    $(document).ready(updates);
     
    function updates() {
     $.ajax({
         url:"http://wawhost.com/appProject/fetch.php",
         dataType: 'jsonp',
         success:function(data){
           $("ul").empty();
           $.each(data.result, function(){
    	    $("ul").append("<li>Name: "+this['name']+
    		"</li><li>Age: "+this['age']+
    		"</li><li>Company: "+this['company']+
    		"</li><br />");
           });
           setTimeout(updates, 200);
         }
     });
    }
    This might not be the only issue here, but it should give you a good start :-)


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •