JQUERY AJAX PHP MYSQLi, передающий несколько параметров

Question

Используя JQuery, я могу использовать приведенный ниже код, чтобы отправить 1 параметр через ajax и вернуть запрошенные данные.

Мой Javascript Файл называется: globals.js

$('#submitButton').on('click', function(){ 
    var port = $('#port').val(); // single parameter passed from index.php 
    if($.trim(port) != '') 
    { 
    $.post('api/summary.php', {port: port}, function(data){ 
     $('#content').html(data); 
    }); 
    } 
}); 

Вот несколько полей ввода, расположенных в файле index.php

<input type="text" id="port" name="port" /> 
<input type="text" id="voyage" name="voyage" /> 
<input type="text" id="rep" name="rep" /> 
// quite a few more input fields and select options as well 

<button type="submit" id="submitButton" name="submitButton">Submit</button> 

<script src="js/globals.js" type="text/javascript"></script> // included javascript file above 

Таким образом, когда пользователь вводит PORT и щелчки submit, JQuery выше выполняет и берет PORT, а через ajax-вызов отправляет ему скрипт PHP: summary.php

<?php 
    include("../include/database.php"); 

    $_SESSION['where'] = ""; 
    $port = $_POST['port']; 
    $voyage = $_POST['voyage']; 
    $rep = $_POST['rep']; 
    // more variables follow; 

    // at this point, I can echo port and return in to the page, 
     or use it in a query, and return the data in a table if necessary 

    echo $port; // passed from jquery 
    echo $voyage; // cannot pass from jquery 
    echo $rep; // cannot pass from jquery 
    // and so on.... 

    ?> 

Я могу отобразить содержимое (которое сейчас только PORT) в $ ('# content'). Html (данные), указанном в jquery выше.

Но мне нужно сделать, чтобы Jquery принимал несколько параметров и передавал их в мой PHP-скрипт. Вот где я застрял.

Я знаю, что проблема заключается в моем JQuery выше.

Так что мой вопрос: Как передать 1 или более параметров без обновления страницы?

Прошу простить мое невежество ... Я пытаюсь стать лучше в JQuery и Ajax.

Пожалуйста, помогите.

Answer 1

Вы просто добавить в массив -

$('#submitButton').on('click', function(){ 
    var port = $('#port').val(); // single parameter passed from index.php 
    var voyage = $('#voyage').val(); 
    // add other values here 
    if($.trim(port) != '') 
    { 
     $.post('api/summary.php', {port: port, voyage: voyage /* add other values separated by commas */}, function(data){ 

Answer 2

$.post("api/summary.php", { name: "John", time: "2pm"} , function(data){ 
     $('#content').html(data); 
    }); 

Что-то вроде этого? Просто добавьте дополнительные данные, разделенные запятой.