Member 13839417 Ответов: 0

Отправить две переменные jquery через ajax в PHP скрипте

У меня есть скрипт jquery с двумя ползунками диапазона. Значения получают отправку через Ajax в моем php_file.php:

html_file.php

<script>
    $( function() {
        $( "#slider-range-max" ).slider({
            range: "max",
            min: 1,
            max: 25,
            value: 1,
            slide: function(event, ui) {
                $("#amount").val(ui.value);
                /* Here we send the slider value towards PHP */
                $.ajax({
                    method: "POST",
                    url: "php_file.php",
                    data: { sliderVal: ui.value }
                })
                /* Here we receive the data back */
                .done(function(data) {
                    /* Here you can do whatever you want with the data */
                   $("#content").html(data);
                });
            }
        });
        $( "#amount" ).val( $("#slider-range-max").slider("value") );
    });
    $( function() {
        $( "#slider-range-max2" ).slider({
            range: "max",
            min: 1,
            max: 4,
            value: 1,
            slide: function(event, ui) {
                $("#amount2").val(ui.value);
                /* Here we send the slider value towards PHP */
                $.ajax({
                    method: "POST",
                    url: "php_file.php",
                    data: { sliderVal2: ui.value }
                })
                /* Here we receive the data back */
                .done(function(data2) {
                    /* Here you can do whatever you want with the data */
    
                    $("#content").html(data2);
                });
            }
        });
        $( "#amount2" ).val( $("#slider-range-max2").slider("value2") );
    });

</script>



<input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;">
<div id="slider-range-max"></div>






php_file.php

<?php    
    $str = $_POST['sliderVal'];
    $quality = $_POST['sliderVal2'];
    
    $str2 = file_get_contents('https://eu.api.battle.net/wow/pet/stats/258?level='. $str .'&breedId=5&qualityId='. $quality .'&locale=de_DE');
    
    $json = json_decode($str2, true); // decode the JSON into an associative array
    
    $n= $json['health'];
    
    echo '<div class="profile-font2">', $n, '</div>';
    ?>


проблема

Теперь у меня есть два ползунка, которые изменяют свои значения независимо друг от друга. Вот скриншот, чтобы лучше понять это. Если я изменю второй ползунок (качество), то значения первого ползунка (уровень) исчезнут. Их обоих надо уважать. Так что в данном случае на скриншоте должен быть Уровень=6
а качество=2.

Как я могу это исправить?

Скриншот

[1]: https://i.stack.imgur.com/VZVIx.png

Что я уже пробовал:

Я отдал свое 
data: { sliderVal2: ui.value }
другое имя, но тогда скрипт больше не работает.

0 Ответов