如何将多个值从ajax传递到php文件

我有3个值存储在3个单独的DIV标记中，我希望它通过ajax传递到php文件。我有工作代码，并坚持将所有值传递给php文件。有什么办法可以做这件事吗。 这是我的js代码：

$('#button').click(function(){
var slider_value = $('#slider_value').text();
var slider1_value = $('#slider1_value').text();
var slider2_value = $('#slider2_value').text();
$.ajax({
    url:'placeDetailSend.php',
    type: 'POST',
    data: 'slider_value='+slider_value,
    success: function(data){
        $('#test').html(data);
        }
    });
});

这是我的php文件：

<?php
if (isset($_POST['slider_value'])||($_POST['slider1_value'])){
echo $slider_value = $_POST['slider_value'];
echo $slider1_value = $_POST['slider1_value'];
}?>

---

值由

&

分隔，如在URL中：

data: 'slider_value='+slider_value+'&slider1_value='+slider1_value+'&slider2_value='+slider2_value,

在php文件中

<?php
if (isset($_POST['slider'])){
$slider_value = $_POST['slider'];
echo '<pre>' . print_r($slider_value) . '</pre>';
}
?>

试试看

或

---

您将获得关于jquery ajax的更多信息

您在数据字符串中只传递了一个div值。按如下方式传递所有值：-

$.ajax({
    url:'placeDetailSend.php',
    type: 'POST',
    data: {
        'slider_value': slider_value,
        'slider_value1': slider_value1,
        'slider_value2': slider_value2
},
    success: function(data){
        $('#test').html(data);
        }
    });
});

---

首先，您可以以不同的方式（以数组形式）存储数据，如下所示：

然后，您可以简单地将此数组作为数据对象传递给ajax请求，如下所示：

foreach($_POST['slider_values'] as $value){
    // Write the current value
    echo $value
}

但是，如果使用此方法，必须确保在PHP中循环使用

$\u POST['slider\u values']

，因为它现在是一个数组而不是字符串。这很简单：

jQuery Code:

$('#button').click(function(){
var slider_value = $('#slider_value').text();
var slider1_value = $('#slider1_value').text();
var slider2_value = $('#slider2_value').text();
$.ajax({
    url:'placeDetailSend.php',
    type: 'POST',
    data: {var1: slider_value, var2: slider1_value,var3:slider2_value },
    success: function(data){
        $('#test').html(data);
        }
    });
});



Use This php code for fetching values

<?php

echo $_POST['var1']; 
echo $_POST['var2']; 
echo $_POST['var3']; 

?>

jQuery代码：
$（“#按钮”）。单击（函数（）{
var slider_value=$（'#slider_value'）。text（）；
var slider1_值=$（“#slider1_值”）.text（）；
var slider2_值=$（“#slider2_值”）.text（）；
$.ajax({
url:'placeDetailSend.php'，
键入：“POST”，
数据：{var1:slider\u值，var2:slider1\u值，var3:slider2\u值}，
成功：功能（数据）{
$（'#test'）.html（数据）；
}
});
});
使用此php代码获取值

请检查此项，希望它有助于将滑块2\u值与&分开）

$('#button').click(function(){
   var slider_value = $('#slider_value').text();
   var slider1_value = $('#slider1_value').text();
   var slider2_value = $('#slider2_value').text();
   $.ajax({
     url:'placeDetailSend.php',
     type: 'POST',
     data: 'slider_value='+slider_value + '&slider1_value='+slider1_value + '&slider2_value='+slider2_value,
     success: function(data){
        $('#test').html(data);
     }
  });
});

$.ajax({
    url:'placeDetailSend.php',
    type: 'POST',
    data: {
        'slider_value': slider_value,
        'slider_value1': slider_value1,
        'slider_value2': slider_value2
},
    success: function(data){
        $('#test').html(data);
        }
    });
});

var slider_values = new Array();
silder_values.push($('#slider_value').text(),$('#slider_value2').text(),$('#slider_value3').text());

$.ajax({
    url:'placeDetailSend.php',
    type: 'POST',
    data: {'slider_values': slider_values},
    success: function(data){
        // Do whatever here
        }
    });
});

foreach($_POST['slider_values'] as $value){
    // Write the current value
    echo $value
}

jQuery Code:

$('#button').click(function(){
var slider_value = $('#slider_value').text();
var slider1_value = $('#slider1_value').text();
var slider2_value = $('#slider2_value').text();
$.ajax({
    url:'placeDetailSend.php',
    type: 'POST',
    data: {var1: slider_value, var2: slider1_value,var3:slider2_value },
    success: function(data){
        $('#test').html(data);
        }
    });
});



Use This php code for fetching values

<?php

echo $_POST['var1']; 
echo $_POST['var2']; 
echo $_POST['var3']; 

?>