Question

I need to extract the URL’s from the php datas, how can i achieve this?

PHP

$query = 'SELECT * FROM picture LIMIT 3';
$result = mysql_query($query);


while ($rec = mysql_fetch_array($result,  MYSQL_ASSOC)) {
    $url.=$rec['pic_location'].";";
}

echo json_encode($url);

Ajax

 <script type="text/javascript">
    $(document).ready(function() {
    $(".goButton").click(function() {
       var dir =  $(this).attr("id");

   var imId = $(".theImage").attr("id");
   $.ajax({
      url: "viewnew.php",
      data: {
         current_image: imId,
         direction    : dir
      },
     success: function(ret){
          console.log(ret);
          var arr = ret;
          alert("first: " + arr[0] + ", second: " + arr[1]);
          alert(arr[0]);
          $(".theImage").attr("src", +arr[0]);
          if ('prev' == dir) {
        imId ++;
     } else {
        imId --;
     }
     $("#theImage").attr("id", imId);
          }
       });

    });
    });
    </script>

the alert message isn’t working its just printing H T ( i think these are http://… )

Answer 1

You’re returning a string which is not parsed as JSON.
Just add dataType: "json" to the ajax settings.

And since you’re reading it as an array in your javascript you should return it like so:

while ($rec = mysql_fetch_array($result,  MYSQL_ASSOC)) {
    $url[] = $rec['pic_location'];
}