Question

我有一个用户输入ISBN号的搜索框，当提交时， div 会显示来自Google Books API的信息。此信息以标准格式从JSON文件中检索。我可以在div中显示标题，副标题，作者和描述而不会出现问题。

然后我有一个＆＃39;添加到库＆＃39; 按钮，它应该将所有这些信息发送到数据库，我的问题是所有字段都发送分开来自作者。而不是发送作者姓名，＆＃39; Array＆＃39; 这个词被发送到数据库。

我可以获取作者姓名的唯一方法是将[0]添加到我的Ajax数据对象的末尾，但是这只会发送第一作者的名字（如果有3位作者，则会遗漏）。

更新 - 如果我将Ajax数据更改为＆＃34; authors＆＃34;，＆＃34; industryIdentifiers＆＃34;以及其他任何内容，那么它似乎与JSON相关。或＆＃34;类别＆＃34;有用。那是因为它们包含一个列表而不是单个字符串吗？

JS

$(document).ready(function() {

    $('#submit').click(function(ev) {
        ev.preventDefault();
        var isbn = $('#isbn_search').val(); //get isbn direct from input, no need for php
        var url='https://www.googleapis.com/books/v1/volumes?q='+isbn;
        $.getJSON(url,function(data){
            $('.result').empty();
            $.each(data.items, function(entryIndex, entry){
                var html = '<div class="results well">';                    
                html += '<h3>' + entry.volumeInfo.title + '</h3>';                  
                html += '<h5>' + entry.volumeInfo.subtitle + '</h5>'; 
                html += '<p>' + entry.volumeInfo.authors + '</p>';              
                html += '<p>' + entry.volumeInfo.description + '</p>';
                $('.result').append(html);
            });                        
        });
    });
});

AJAX

$.ajax({
     type: 'POST',
     url: 'addIsbnScript.php',
     data: {
         'isbn' : isbn,
         'title' : entry.volumeInfo.title,
         'subtitle' : entry.volumeInfo.subtitle,
         'authors' : JSON.stringify(entry.volumeInfo.authors),
         'description' : entry.volumeInfo.description
     },
     success: function () { 
     $("#add").prop('disabled', true);
    }
});

PHP

$isbn = $_POST['isbn'];
$title = $_POST['title'];
$subtitle = $_POST['subtitle'];
$authors = $_POST['authors'];
$decoded_authors = json_decode($authors);
print_r($decoded_authors);
$description = $_POST['description'];

$query = $conn->prepare("INSERT INTO `isbn` (isbn_num,title,subtitle,authors,description) VALUES (?,?,?,?,?)");

$query->bind_param('issss',

$isbn,
$title,
$subtitle,       
$decoded_authors,
$description        
        );

JSON

"volumeInfo":{
"title":string,
"subtitle":string,
"authors":[
string
],
"publisher":string,
"publishedDate":string,
"description":string,
"industryIdentifiers":[
{
"type":string,
"identifier":string
}
],
"pageCount":integer,
"dimensions":{
"height":string,
"width":string,
"thickness":string
},
"printType":string,
"mainCategory":string,
"categories":[
string
],
"averageRating":double,
"ratingsCount":integer,
"contentVersion":string,
"imageLinks":{
"smallThumbnail":string,
"thumbnail":string,
"small":string,
"medium":string,
"large":string,
"extraLarge":string
},
"language":string,
"previewLink":string,
"infoLink":string,
"canonicalVolumeLink":string
},

请原谅我们非常业余的代码，因为我是JS的新手，这仅仅是为了个人发展。

Answer 1

您需要在客户端解码它以将数组传递到服务器端。类似的东西：

$.ajax({
     type: 'POST',
     url: 'addIsbnScript.php',
     data: {
         'isbn' : isbn,
         'title' : entry.volumeInfo.title,
         'subtitle' : entry.volumeInfo.subtitle,
         'authors' : JSON.stringify(entry.volumeInfo.authors),
         'description' : entry.volumeInfo.description
     },
     success: function () { 
     $("#add").prop('disabled', true);
    }
});

然后在你的PHP文件（addIsbnScript.php）

中

<?php
   $authors = $_POST['authors'];//'["Chris Cleave","Philippa Gregory","Sarah Pekkanen"]'
   $decoded_authors = json_decode($authors);
   print_r($decoded_authors);// Array ( [0] => Chris Cleave [1] => Philippa Gregory [2] => Sarah Pekkanen)
?>

希望这会有所帮助。干杯

JSON Google Books和Ajax

1 个答案: