возврат JSON и HTML из PHP-скрипта
Привет, я просмотрел вопросы здесь, но ничего не нашел. Я новичок в написании PHP и jQuery, так что потерпите.
Что я пытаюсь сделать, так это отправить ajax-запрос с помощью jQuery в мой скрипт, который запускает запрос mysql к данным из моей базы данных и сериализует его в формат JSON, используя json_encode php. Затем ответ анализируется с помощью доступного json2.js сценарий. Все это прекрасно работает, но я также хотел бы вернуть из этого скрипта больше данных, чем просто JSON.
В основном, я хотел бы также повторить следующую строку перед json_encode:
echo "<h1 style='margin-left: 25px;'>$num_rows Comments for $mysql_table</h1>";
Однако мой jQuery оценивает весь ответ во время успешного выполнения ajax, что приводит к сбою функции json.parse из-за возврата скрипта в недопустимом формате.
success: function(data) {
//retrieve comments to display on page by parsing them to a JSON object
var obj = JSON.parse(data);
//loop through all items in the JSON array
for (var x = 0; x < obj.length; x++) {
//Create a container for the new element
var div = $("<div>").addClass("bubble").appendTo("#comments");
//Add author name and comment to container
var blockquote = $("<blockquote>").appendTo(div);
$("<p>").text(obj[x].comment).appendTo(blockquote);
var cite = $("<cite>").appendTo(div);
$("<strong>").text(obj[x].name).appendTo(cite);
$("<i>").text(obj[x].datetime).appendTo(cite);
}
$("#db").attr("value", '' + initialComments + '');
}
Кто-нибудь знает, как я могу вернуть строку html, а также код json_encode, чтобы использовать этот скрипт не только для заполнения json?
Спасибо, этот веб-сайт замечательно ответил на мой вопрос вопросы.
Мой php:`
for ($x = 0, $numrows = mysql_num_rows($result); $x < $numrows; $x++) {
$row = mysql_fetch_assoc($result);
$comments[$x] = array("name" => stripslashes($row["name"]), "comment" => stripslashes($row["comment"]), "datetime" => date("m/d/Y g:i A", strtotime($comment['datetime'])));
}
//echo "<h1 style='margin-left: 25px;'>$num_rows Comments for $mysql_table</h1>";
$response = json_encode($comments);
echo $response;`
3 answers
Не echo строка, сохраните ее в переменной. Постройте простой массив
$response = array(
'html' => $the_line_you_wanted_to_echo,
'jsobject' => $the_object_you_were_going_to_send_back
); и отправьте это обратно (через json_encode) вместо этого.
Кроме того, вам не нужно json2.js , В jQuery есть отличный анализатор JSON.
Вы можете загрузить вот так $.get( 'your/url', { params : here }, success, 'JSON' );
Изменено в соответствии с вашей недавно введенной итерацией.
for ($x = 0, $num_rows = mysql_num_rows($result); $x < $num_rows; $x++) {
$row = mysql_fetch_assoc($result);
$comments[$x] = array(
"name" => stripslashes($row["name"]),
"comment" => stripslashes($row["comment"]),
"datetime" => date("m/d/Y g:i A", strtotime($comment['datetime']))
);
}
$html = "<h1 style='margin-left: 25px;'>$num_rows Comments for $mysql_table</h1>";
echo json_encode(array( 'comments' => $comments, 'html' => $html ));
Затем в вашем javascript у вас есть
function success( parsedObject ){
parsedObject.html; // "<h1 style..."
parsedObject.comments; // an array of objects
parsedObject.comments[0].name
+ " on " + parsedObject.comments[0].datetime
+ " said \n" + parsedObject.comments[0].comment; // for example
}
Как было сказано выше, просто поместите все данные, которые вы хотите получить обратно, в массив и закодируйте их.
<?php
echo json_encode(array(
'html' => $html,
'foo' => $bar,
'bar' => $baz
));
?>
Также, как уже было сказано, вам не нужно json2.js . Вы можете анализировать данные JSON с помощью любой из функций ajax jQuery, указав тип данных как json.
$.ajax({
type: 'POST',
url: 'path/to/php/script.php',
dataType: 'json',
data: 'foo=bar&baz=whatever',
success: function($data) {
var html = $data.html;
var foo = $data.foo;
var bar = $data.bar;
// Do whatever.
}
});
ОТРЕДАКТИРУЙТЕ В значительной степени то, что сказала Хория. Единственный другой вариант, который я мог бы увидеть, - это если бы вы хотели, чтобы все было в одном массиве.
Например:
PHP:
<?php
// You have your comment array sent up as you want as $comments
// Then just prepend the HTML string onto the beginning of your comments array.
// So now $comments[0] is your HTML string and everything past that is your comments.
$comments = array_unshift($comments, $your_html_string);
echo json_encode($comments);
?>
JQuery:
$.ajax({
type: 'POST',
url: 'path/to/php/script.php',
dataType: 'json',
data: 'foo=bar&baz=whatever',
success: function($comments) {
// Here's your html string.
var html = $comments[0];
// Make sure to start at 1 or you're going to get your HTML string twice.
// You could also skip storing it above, start at 0, and add a bit to the for loop:
// if x == 0 then print the HTML string else print comments.
for (var x = 1; x < $comments.length; x++) {
// Do what you want with your comments.
// Accessed like so:
var name = $comments[x].name;
var comment = $comments[x].comment;
var datetime = $comments[x].datetime;
}
}
});
Вас может заинтересовать jLinq, библиотека Javascript, которая позволяет запрашивать объекты Javascript. Примером запроса может быть:
var results = jLinq.from(data.users)
.startsWith("first", "a")
.orEndsWith("y")
.orderBy("admin", "age")
.select();
JLinq поддерживает запросы вложенных объектов и выполнение соединений. Например:
var results = jLinq.from(data.users)
.join(data.locations, //the source array
"location", //the alias to use (when joined)
"locationId", // the location id for the user
"id" // the id for the location
)
.select(function(r) {
return {
fullname:r.first + " " + r.last,
city:r.location.city,
state:r.location.state
};
});