将值从MySql / PHP脚本传递到jquery

时间:2012-04-01 21:15:56

标签: php jquery ajax

我是jQuery的新手,我正在尝试这样做:

在我的php文件中,我阅读了tours表,并创建了一个链接按钮来打开模态窗口,用户将选择日期,成人数量和孩子数量。但是我需要传递变量$tourID的值,所以在模态窗口中我可以显示游览细节和图片。

cart.php

    <div style="float:left;border:1px solid blue;width:400px;margin-left:20px;">
    <div style="border:1px solid #EEE;font-size:12px">
<?php
    $query_tours = "Select * from tours where feautured  = 'Y' " ;
    $result_tours = mysql_query($query_tours);
    while($row=mysql_fetch_array($result_tours )) { 
       $tourID    = $row['recid'];
           echo '<div style="border:1px solid #EEE;font-size:12px">';
           print "$tit_esp - $tourID <br>"; 
           print "Adults : $adrate | Child : $chrate   ";
           print "<a href='#?tourid=$tourID' class='myTour_$tourID'>see details</a>";
           print "</div>";
     }
?>
</div>

在我的jQuery脚本中,我打开模态窗口和输入部分,但是我无法接收$tourID的值。我已经尝试过了:

var tour = "<?php echo $tourID; ?>";

但我收到一条错误消息:

  

未捕获的SyntaxError:意外的令牌&lt;   b&gt;注意:未定义的变量: C:\ wamp \ www \ travel_depot \ head_esp.php 中的tourID 429

这是我的jquery sript:

<script type="text/javascript">
$(function() {
    $( "#dialog-form" ).dialog({
        position: 'center',
        autoOpen: false,
        draggable: true,
        height: 300,
        width: 410,
        modal: true,
        show : {
            transitionIn: 'blind',
            transitionOut: 'explode',
        },
        open: function(event, ui) {
            $( "#datepicker" ).datepicker('enable');    
            var tour = "<?php echo $tourID; ?>"; 
            alert(tour)
            $.ajax({   
                url: 'tour_cont.php',
                data: "regis=" + regis + "",
                dataType: 'json',   
                success: function(data){
                    var titulo = data[1];   
                    var shotdes  = data[3];    
                    $( "#dialog-form" ).append( "<tr>" + "<td width='21%'>" + titulo + "</td>" +  "</tr>" ); 
                }
            });
        },
    });
    $('a[class^=myTour]')
        .button()
        .click(function() {
            $( "#dialog-form" ).dialog( "open" );
        });
});
</script>

0 个答案:

没有答案