How to send variable to php from javascript and return the result back to JS

Question

I have this code.

var book = document.getElementById(\'txtBook\').value;
switch(book.toUpperCase())
    {
        case \"GEN\": var bk = \"101\"; break;
                 


        

Answer 1

You need to use ajax.

$.get('getbook.php', {book: $('#txtBook').val()}, function(data) {
  // here you get your data and deal it 
});

Answer 2

The simplest way is applying ajax.

Serve script(getbook.php):

$bookId = $_POST['book'];
//do some search stuff
$rows = getBookInfo($bookId);
$result = array('searchResult' => $rows);

header('Content-Type: application/json');
echo json_encode($result);

Client script(remeber to include js for jquery):

postData = {book: bookId};
$.ajax({
     type: 'POST',
     url: '/getbook.php',
     data: postData,
     dataType: 'JSON',
     success: function (jsonObj) {
        //use jsonObj.serachResult as array
     }
   });