将php数组传递给javascript变量，然后传递给服务器

Question

我知道这里已经被问过无数次了，但是我无法弄清楚。 我敢肯定这很简单，但我一直在头。 我有一个显示在jQuery窗口中的php数组搜索结果。 我最终需要将它们返回服务器，但首先需要将它们传递给jquery变量。 这就是我卡住的地方。

您将看到我尝试通过$ book_title尝试将其传递给jquery变量“ title”

<script>
      $(function() { 
      $( "#dialog" ).dialog({
        height: 550, width: 450});
        $( ".btn" ).click(function(){
        //assign values to each variable
        //var title = $("#returnvalues").val();
        var title = <?php echo json_encode($book_title);?>;
        var author = $("#returnvalues").val();
        var published = $("#returnvalues").val();
        var description = $("#returnvalues").val();
        var pages = $("#returnvalues").val();
        var publisher = $("#returnvalues").val();
        var ISBN = $("#returnvalues").val();
       //book_title = $item['volumeInfo']['title'];
       $.ajax({
         type: "POST",
         url: 'book-meta.php',
         dataType: 'json',
         //assign values to the variables to be passed to the server via data
         data: { title : title, author : author, published : published, 
         description : description, pages : pages, publisher : publisher, ISBN : ISBN},
         success: function(data)
             {
             //alert(data);
             //identify the variables for unique handing on the server side
             $("input[name='bbp_topic_title']").val(data.title);
             $("input[name='bbp_extra_field1']").val(data.author);
             $("input[name='bbp_extra_field2']").val(data.published);
             $("input[name='bbp_extra_field3']").val(data.description);
             $("input[name='bbp_extra_field4']").val(data.pages);
             $("input[name='bbp_extra_field5']").val(data.publisher);
             $("input[name='bbp_extra_field6']").val(data.ISBN);
             //$("#displayResults").html(data);
             },
             error: function(errorThrown){
             alert('error');
             }
             });
      $( "#dialog" ).dialog( "close" );  
      });
      });
      </script>  
            <strong><p style="font-size: 16px; text-align: center";>Top 10 Results for &quot;<?php echo @$_POST['q']; ?>&quot;</p></strong> 
        <strong><p style="font-size: 14px; text-align: center";>choose a book to select as your topic</p></strong>&nbsp;
        <table style="width:400px">
        <col width="325">
        <col width="75">
            <?php $i=0; foreach ($data['items'] as $item) { $i++; ?>     
                  <tr>
            <td>
                       <strong><u><div style="font-size: 14px";><?php printf($item['volumeInfo']['title'])?></u></div></strong>
                         <strong>Author: </strong><?php printf( $item['volumeInfo']['authors'][0])?><br />
                         <strong>Published: </strong><?php printf( $item['volumeInfo']['publishedDate']); ?><br />                       
               <strong>Page(s): </strong><?php printf( $item['volumeInfo']['pageCount']); ?><br />
                         <strong>Publisher: </strong><?php printf( $item['volumeInfo']['publisher']); ?><br />
                         <strong>Category: </strong><?php printf( strtolower($item['volumeInfo']['printType']).', '.strtolower($item['volumeInfo']['categories'][0])); ?>&nbsp;&nbsp;
               <strong>ISBN: </strong><?php printf( $item['volumeInfo']['industryIdentifiers'][0]['identifier']); ?></td>
            <td><p><input type="submit" method="post" name="selectbook" value="Select" class="btn" id="returnvalues" /></p>
            <img src="<?php printf( rawurldecode($item['volumeInfo']['imageLinks']['smallThumbnail'])); ?>" />
                    </td>
            <tr><td style="width:420px"><p><strong>Description: </strong><?php printf( $item['volumeInfo']['description']); ?><br /></p></td>
            <?php $book_title=$item['volumeInfo']['title'];
            //$book_meta=array($item['volumeInfo']['title']=>"$book_title",$item['volumeInfo']['authors'][0]=>"$book_author");
            //print(json_encode($book_meta));

任何帮助表示赞赏。 如果这个问题被标记为重复问题，请同时给这个新手一些特定的指导。 谢谢。

Answer 1

我想通了！ 感谢XQDev和Uttara的帮助！ 我必须在显示我的PHP结果的循环内创建一个单独的脚本。 在此单独的脚本中，我仅声明我的javascript变量。

<script>
var title = <?php echo json_encode($book_title); ?>;
</script> 

问题已解决！ 希望该线程可以在将来为类似问题的人提供帮助。

Answer 2

var title = "<?php echo $book_title; ?>"可能会导致您想要的结果。

分配后，可以使用alert(title)检查结果。

顺便说一下，您的变量不是“ jQuery变量”。 它们是普通的Javascript变量。 但是您可以使用jQuery方法传递和访问它们。

但是：如果$ book_title包含字符串，您的方法也应该没问题。.到底什么不起作用？

Answer 3

如果您尝试将php数组分配给javascript变量，请执行此操作

var title = <?php echo json_encode($book_title); ?>;

考虑到您的$ book_title是一个数组

Eg: <?php 
   $book_title = array('one', 'two');
?>

javascript: title = ['one', 'two']