Отправка нескольких переменных с помощью Jquery ajax

Общий обзор

Привет всем, у меня есть 4 промежутка, в которых значения вводятся динамически, но для целей этого вопроса я добавляю некоторые значения. Я хочу получить значение из пролетов, отправить их с помощью ajax в php-файл. Если они отвечают критериям, установленным в файле php, тогда появляется предупреждение. Это то, что у меня есть до сих пор ..

• Как защитить пароль при отправке с помощью AJAX?
• Как использовать метод jquery $ .post () для отправки значений формы
• ajax вызывает функции в контроллере codeigniter
• Графические диаграммы Highcharts могут иметь ссылки на URL
• Как передать переменные jQuery в переменную PHP?

HTML-код

Это в основном содержит диапазон и некоторые числа внутри диапазона, кнопка ниже имеет событие onclick для вызова функции JavaScript, называемой check.

<span id="first" name="first">40</span> <span id="second" name="second">50</span> <span id="third" name="third">30</span> <span id="fourth" name="fourth">40</span></center> <input type="button" id="button" name="button" onClick="check()"/> 

JavaSript

Это в основном сохраняет значение каждого поля диапазона в заданной переменной, а затем пытается отправить эту переменную с помощью ajax, затем оно предупреждает сообщение при получении сообщения об успешном завершении и такое же для отказавшего сообщения.

  function check() { var one = $('#first').val(); var two = $('#second').val(); var three = $('#third').val(); var four = $('#fourth').val(); $.post("test.php",{ data : "one"+"&two"+"&three"+"&four" } ,function(data) { if (data=="yay") //for no input { alert("yay"); } else { alert("nay"); } } } 

PHP. Это условия, которые должны соответствовать значениям полей span, функция ajax извлекает отсюда успешные и неудачные сообщения.

  $one = $_POST["first"]; $two = $_POST["second"]; $three =$_POST["third"]; $four = $_POST["fourth"]; if($one > 5) { echo "yay"; } elseif($two > 10 ) { echo "yay"; } elseif($three > 15 ) { echo "yay"; } elseif($four > 20 ) { echo "yay"; } else{ echo "nay"; } 

Проблема

После небольшой отладки не кажется, что php получает какое-либо значение, что означает, что данные не были переданы должным образом. Я не думаю, что это способ передать несколько элементов через ajax. Кто-нибудь знает, как я могу это исправить? Большое спасибо в приветствии ..

 $.post("test.php", { first: one, second: two, third: three, fourth: four }, function(data) { //Done! }); 

 $.post ("test.php", { first: one, second: two, third: three: four } /*...*/);