Передача значения JQuery для PHP скрипт

У меня есть JQGRid, который отображает заказы с событием двойного щелчка следующим образом:

ondblClickRow: function(rowid)
{
    rowData = $("#bookings").getRowData(rowid);
    var brData = rowData['bookref'];
    getGridRow(brData);
},

Это передается функции getGridRow:

function getGridRow(brData) {

    //$.post('bookings-dialog.php', { 'rowdata': brData } );
                 //  $("#cp-bookings-dialog").load('bookings-dialog.php').dialog({ show: "slide", hide: 'slide', height: 625, width: 733, title: 'Booking Reference: - '+ brData});

    $.ajax({
      url: 'bookings-dialog.php',
      type:'POST',
      data: {'rowdata' : brData },
      dataType: 'JSON', //this is what we expect our returned data as
    error: function(){
      alert("It failed");
      $('#cp-div-error').html('');
      $('#cp-div-error').append('<p>There was an error inserting the data, please try again later.</p>');
      $('#cp-div-error').dialog('open');
    },
    success: function(data){
        alert("IT WORKED!");
        //empty our dialog so we don't end up with duplicate content
        $('.cp-booking-info').empty();
        //we have told the browser to expect JSON back, no need to do any parsing
        //the date
        $('#cp-bookings-dialog').append('<p class="pno-margin">Booking Date: '+data.bookref+'</p>');


        //now let manipulate our dialog and open it.
        $("#cp-bookings-dialog").dialog({
          show: { effect: 'drop', direction: "up" },
          hide: 'slide',
          height: 625,
          width: 733,
          title: 'Booking Reference: - '+ brData
        });
      }

    });

И это bookings-dialog.php:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php
require_once('deployment.php');
require_once('bootstrp/all.inc.php');;

require_once('models/sql.php');
require_once('models/bookingdocket.php');

    $pdo = new SQL();
    $dbh = $pdo->connect(Database::$serverIP, Database::$serverPort, Database::$dbName, Database::$user, Database::$pass);

    try {
           $rowdata = $_POST['rowdata'];

           $query = ("SELECT * FROM tblbookings WHERE bookref = '$rowdata'");

        $stmt = $dbh->prepare($query);

        $stmt->execute();

        $row = $stmt->fetch(PDO::FETCH_BOTH);

          /* BookingDocket::set_id($row['id']); */
           BookingDocket::set_bookref($row['bookref']);
          /* BookingDocket::set_bookdate($row['bookingdate']);
           BookingDocket::set_returndate($row['returndate']);
           BookingDocket::set_journeytype($row['journeytype']);
           BookingDocket::set_passtel($row['passengertel']);
           BookingDocket::set_returndate($row['returndate']); */

            $booking_ref = BookingDocket::get_bookref();


           return json_encode(array('bookref' => $booking_ref,
                                    )
                             );

        $stmt->closeCursor();

    }

    catch (PDOException $pe) {
        die("Error: " .$pe->getMessage(). " Query: ".$stmt->queryString);
    }

    $dbh = null;

?>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title><? echo Company::get_name(); ?> :: Online Booking - Powered by</title>

</head>

<body>

<div id="cp-bookings-dialog">
  <div class="cp-tiles-wrapper-dlg">
    <div class="cp-booking-info left">
    </div>
  </div>
</div>

</body>
</html>

В основном то, что должно произойти, заключается в том, что ссылка на бронирование (brData) должна быть передана в booking-dialog.php и использована в запросе для выбора всего бронирования из базы данных бронирования по передаваемым данным.

Проблема, с которой я сталкиваюсь в данный момент, заключается в том, что на данный момент ценность, которую я получаю в заказе на бронирование, составляет undefined. Есть ли проблема с отправкой заголовков с сервера, или это проблема со структурой объекта JSON?

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

ОТВЕТЫ

Ответ 1

Я думаю, что единственное, что нужно изменить, это заменить:

title: 'Booking Reference: - '+ brData

От:

title: 'Booking Reference: - '+ data.bookref

brData выглядит undefined в brData успеха

Ответ 2

bookings-dialog.php не должен отображать HTML-элементы, он должен возвращать JSON закодированную строку.

добавьте свой результат, а другой для ошибки, тогда вы можете обрабатывать ошибку из jQuery

например:

<?php
    require_once('deployment.php');
    require_once('bootstrp/all.inc.php');;
    require_once('models/sql.php');
    require_once('models/bookingdocket.php');

    $pdo = new SQL();
    $dbh = $pdo->connect(Database::$serverIP, Database::$serverPort, Database::$dbName, Database::$user, Database::$pass);

    try {
        $rowdata = $_POST['rowdata'];
        $query = ("SELECT * FROM tblbookings WHERE bookref = :bookref");
        $stmt = $dbh->prepare($query);
        $stmt->execute(array(':bookref' => $_POST['rowdata']));
        $row = $stmt->fetch(PDO::FETCH_BOTH);

        BookingDocket::set_bookref($row['bookref']);

        echo json_encode( array('bookref' => $row['bookref'], 'date' => $row['bookingdate'], 'error' => 'no') );
        $stmt->closeCursor();
    }
    catch (PDOException $pe) {
        die(json_encode(array("error" => "Error: " .$pe->getMessage(). " Query: ".$stmt->queryString)));
    }

    $dbh = null;

?>

также в поле проверки getGridRow для поля ошибки:

success: function(data){
    if(typeof console != "undefined"){ console.log(data); } // this will prompt data in console
    if(data.error == 'no'){
        alert("IT WORKED!");
        $('.cp-booking-info').empty();
        $('#cp-bookings-dialog').append('<p class="pno-margin">Booking Date: '+data.date+'</p>');
        $("#cp-bookings-dialog").dialog({
            show: { effect: 'drop', direction: "up" },
            hide: 'slide',
            height: 625,
            width: 733,
            title: 'Booking Reference: - '+ data.bookref
        });
    } else {
        alert(data.error);
    }
}

Ответ 3

Если вы запрашиваете строку JSON, php должен возвращать этот точный тип. Javscript ожидает тип содержимого application/json.

Итак, в php вам нужно добавить код заголовка:

require_once('deployment.php');
require_once('bootstrp/all.inc.php');
require_once('models/sql.php');
require_once('models/bookingdocket.php');

header('Content-Type: application/json');

$pdo = new SQL();
$dbh = $pdo->connect(Database::$serverIP, Database::$serverPort, Database::$dbName, Database::$user, Database::$pass);

try 
{
       $rowdata = $_POST['rowdata'];
       $query = ("SELECT * FROM tblbookings WHERE bookref = '$rowdata'");

       $stmt = $dbh->prepare($query);
       $stmt->execute();

       $row = $stmt->fetch(PDO::FETCH_BOTH);

      /* BookingDocket::set_id($row['id']); */
       BookingDocket::set_bookref($row['bookref']);
      /* BookingDocket::set_bookdate($row['bookingdate']);
       BookingDocket::set_returndate($row['returndate']);
       BookingDocket::set_journeytype($row['journeytype']);
       BookingDocket::set_passtel($row['passengertel']);
       BookingDocket::set_returndate($row['returndate']); */

       $booking_ref = BookingDocket::get_bookref();

       echo json_encode(array('bookref' => $booking_ref));

       $stmt->closeCursor();

}
catch (PDOException $pe)
{
    echo json_encode(array("Error: " .$pe->getMessage(). " Query: ".$stmt->queryString));
}
finally
{
    $dbh = null;
}