Неэффективный код php/javascript?

Question

У меня есть следующий код, как показано ниже.
код работает, но нижняя часть кажется крайне неэффективна для меня, так что я был интересно, если кто имеет какие-либо идеи, как я могу переписать код так, что его не требуется, чтобы создать

baseUrl + '<?php echo $urls[0]; ?>', 

для каждой строки?

(в $ URLs содержат только текст, как таким образом: что-то-больше (так что нет Http: и т.д.))

<?php 
    include("includes/connect.php"); 
    $sql = mysql_query("SELECT url FROM urls ORDER BY listorder ASC"); 

    $urls = array(); 

    while ($rw = mysql_fetch_array($sql)) { 
     $urls[] = $rw['url']; 
    } 
?> 

<script> 
var baseUrl = '/'; 

var mySwipe = $('#pageBody').responsiveSwipe({ 
    edition: [ 
     baseUrl, 
     baseUrl + '<?php echo $urls[0]; ?>', 
     baseUrl + '<?php echo $urls[1]; ?>', 
     baseUrl + '<?php echo $urls[2]; ?>', 
     baseUrl + '<?php echo $urls[3]; ?>', 
     baseUrl + '<?php echo $urls[4]; ?>', 
     baseUrl + '<?php echo $urls[5]; ?>', 
     baseUrl + '<?php echo $urls[6]; ?>', 
     baseUrl + '<?php echo $urls[7]; ?>', 
     baseUrl + '<?php echo $urls[8]; ?>', 
     baseUrl + '<?php echo $urls[9]; ?>', 
     baseUrl + '<?php echo $urls[10]; ?>' 
    ], 
    widthGuess: 0, 
    emulator: window.location.hash.match(/emulator/) 
}); 

$(document).ready(function(){ 
    $(document).on('click', '.next', function (e) { 
     e.preventDefault(); 
     mySwipe.gotoNext(); 
    }); 
    $(document).on('click', '.prev', function (e) { 
     e.preventDefault(); 
     mySwipe.gotoPrev(); 
    }); 
}) 
</script> 

Answer 1

Вы можете использовать json_encode после создания массива (в том числе BaseUrl) сервер с язь:

<?php 
    ... 

    $baseUrl = '/'; 

    $urls = array($baseUrl); 

    while ($rw = mysql_fetch_array($sql)) { 
     $urls[] = $baseUrl.$rw['url']; 
    } 
?> 

<script> 
var mySwipe = $('#pageBody').responsiveSwipe({ 
    edition: <?php echo json_encode($urls); ?>, 
    widthGuess: 0, 
    emulator: window.location.hash.match(/emulator/) 
}); 

... 
</script> 

Answer 2

Вы можете сделать что-то подобное в вашем PHP:

$java_urls = ''; 
foreach ($urls as $url) 
{ 
$java_urls .= "'/".$url."',"; 
} 
// remove last , from the string 
if ($java_urls!='') { $java_urls = substr($java_urls, 0, -1); } 

Теперь в вашем JavaScript:

var mySwipe = $('#pageBody').responsiveSwipe({ 
    edition: [ 
     baseUrl, 
     <?php echo $java_urls;?> 
    ], 
    widthGuess: 0, 
    emulator: window.location.hash.match(/emulator/) 
}); 

Answer 3

Это:

var mySwipe = $('#pageBody').responsiveSwipe({ 
    edition: [ 
     baseUrl, 
     baseUrl + '<?php echo $urls[0]; ?>', 
     baseUrl + '<?php echo $urls[1]; ?>', 
     baseUrl + '<?php echo $urls[2]; ?>', 
     baseUrl + '<?php echo $urls[3]; ?>', 
     baseUrl + '<?php echo $urls[4]; ?>', 
     baseUrl + '<?php echo $urls[5]; ?>', 
     baseUrl + '<?php echo $urls[6]; ?>', 
     baseUrl + '<?php echo $urls[7]; ?>', 
     baseUrl + '<?php echo $urls[8]; ?>', 
     baseUrl + '<?php echo $urls[9]; ?>', 
     baseUrl + '<?php echo $urls[10]; ?>' 
    ], 

Может быть что-то вроде

var mySwipe = $('#pageBody').responsiveSwipe({ 
    edition: [ 
    <?php 
    foreach($urls as $url) { 
     echo '/'.$url.','; 
    } 
    ?> 
    ] 
})