Javascript 使用jQuery ajax POST接收多个数据_Javascript_Php_Jquery_Ajax

Javascript 使用jQuery ajax POST接收多个数据

javascript php jquery ajax

Javascript 使用jQuery ajax POST接收多个数据,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我使用ajax获取数据并填充一个选择框。在下面的代码中，我回显ajax.php文件上的输出，并接收它。一切正常。但是，正如您所看到的，所有html都填充在一个选择框中。我想返回两个单独的选择框的数据，而不是一个 success: function(html){ $(".select1").html(data1); $(".select2").html(data2); } 因此，我的问题是，如何分别从ajax.php发送两种不同类型的数据，以及如何

我使用ajax获取数据并填充一个选择框。在下面的代码中，我回显ajax.php文件上的输出，并接收它。一切正常。但是，正如您所看到的，所有html都填充在一个选择框中。我想返回两个单独的选择框的数据，而不是一个

success: function(html){                
    $(".select1").html(data1);
    $(".select2").html(data2);
}

因此，我的问题是，如何分别从ajax.php发送两种不同类型的数据，以及如何在success函数中接收数据

$.ajax({
    type: "POST",
    url: "../ajax.php",
    data: {name: 'select1', id: id},
    cache: false,
    success: function(html){                
        $(".select1").html(html);
    }           
});

success: function(html){                
    $(".select1").html(data1);
    $(".select2").html(data2);
}

php仅回显数据：

//data for select1
foreach($rows as $row){ 
    echo '<option>x</option>';      
}

//I want to add another one for select2
foreach($rows1 as $row){    
    echo '<option>y</option>';      
}       
die();

success: function(html){                
    $(".select1").html(data1);
    $(".select2").html(data2);
}

编辑：我使用ajax获取数据，因为我使用依赖选择框并从数据库获取数据。因此，通过单击select 1，它将从数据库中获取select 2的数据，这就是我这样做的原因。

您可以在Ajax.php中执行类似的操作

success: function(html){                
    $(".select1").html(data1);
    $(".select2").html(data2);
}

//select1
$data['html1'] = NULL;
foreach($rows as $row){ 
    $data['html1'] .= '<option>x</option>';      
}
//select2
$data['html2'] = NULL;
foreach($rows1 as $row){    
   $data['html1'] .= '<option>y</option>';      
}  
$resonse = json_encode($data);
echo $response;
//JQUERY MAKE SURE THAT ITS OF TYPE JSON.
success: function(response){                
    $(".select1").html(response.html1);
    $(".select2").html(response.html2);
}

//选择1
$data['html1']=NULL；
foreach（$行作为$行）{
$data['html1'].='x'；
}
//选择2
$data['html2']=NULL；
foreach（$rows1作为$row）{
$data['html1']。='y'；
}  
$resonse=json_encode（$data）；
回音$应答；
//JQUERY确保其类型为JSON。
成功：功能（响应）{
$（“.select1”）.html（response.html1）；
$（“.select2”）.html（response.html2）；
}

您可以在Ajax.php中执行类似的操作

success: function(html){                
    $(".select1").html(data1);
    $(".select2").html(data2);
}

//select1
$data['html1'] = NULL;
foreach($rows as $row){ 
    $data['html1'] .= '<option>x</option>';      
}
//select2
$data['html2'] = NULL;
foreach($rows1 as $row){    
   $data['html1'] .= '<option>y</option>';      
}  
$resonse = json_encode($data);
echo $response;
//JQUERY MAKE SURE THAT ITS OF TYPE JSON.
success: function(response){                
    $(".select1").html(response.html1);
    $(".select2").html(response.html2);
}

//选择1
$data['html1']=NULL；
foreach（$行作为$行）{
$data['html1'].='x'；
}
//选择2
$data['html2']=NULL；
foreach（$rows1作为$row）{
$data['html1']。='y'；
}  
$resonse=json_encode（$data）；
回音$应答；
//JQUERY确保其类型为JSON。
成功：功能（响应）{
$（“.select1”）.html（response.html1）；
$（“.select2”）.html（response.html2）；
}

在php中构造两个不同的选择选项，使用两个不同的数组索引，如下所示

success: function(html){                
    $(".select1").html(data1);
    $(".select2").html(data2);
}

//select1
    $data['first'] = '<option>first</option>';   // loop for more data    
//select2
   $data['second'] = '<option>second</option>';

用两个不同的数组索引在php中构造两个不同的选择选项，如下所示

success: function(html){                
    $(".select1").html(data1);
    $(".select2").html(data2);
}

//select1
    $data['first'] = '<option>first</option>';   // loop for more data    
//select2
   $data['second'] = '<option>second</option>';

foreach（$rows作为$row）{
$selects['select1']='x'；
}
foreach（$rows1作为$row）{
$selects['select2']='y'；
}    
打印（json编码（$selects））；
模具（）；
$.ajax({
类型：“POST”，
url:“../ajax.php”，
成功：函数（数据）{
$（“.select1”）.html（data.select1）；
$（“.select2”）.html（data.select2）；
}           
});

foreach（$row作为$row的行）{
$selects['select1']='x'；
}
foreach（$rows1作为$row）{
$selects['select2']='y'；
}    
打印（json编码（$selects））；
模具（）；
$.ajax({
类型：“POST”，
url:“../ajax.php”，
成功：函数（数据）{
$（“.select1”）.html（data.select1）；
$（“.select2”）.html（data.select2）；
}           
});

要分离返回的数据，您需要使用不同的格式来返回数据-目前，返回的数据都是

success: function(html){                
    $(".select1").html(data1);
    $(".select2").html(data2);
}

<option>x</option>
<option>x</option>
<option>x</option>
<option>y</option>
<option>y</option>
<option>y</option>

这个javascript：

success: function(html){                
    $(".select1").html(data1);
    $(".select2").html(data2);
}

success: function(data){
  var decoded = JSON.parse(data);
  for (var l = 0; l < decoded.select1.length; l++){
    $(".select1").append(decoded.select1[l]);
  }
  for (var l = 0; l < decoded.select2.length; l++){
    $(".select2").append(decoded.select2[l]);
  }
}

成功：函数（数据）{
var decoded=JSON.parse（数据）；
for（var l=0；l

要分离返回的数据，您需要使用不同的格式来返回数据-目前，返回的数据都是

success: function(html){                
    $(".select1").html(data1);
    $(".select2").html(data2);
}

<option>x</option>
<option>x</option>
<option>x</option>
<option>y</option>
<option>y</option>
<option>y</option>

这个javascript：

success: function(html){                
    $(".select1").html(data1);
    $(".select2").html(data2);
}

success: function(data){
  var decoded = JSON.parse(data);
  for (var l = 0; l < decoded.select1.length; l++){
    $(".select1").append(decoded.select1[l]);
  }
  for (var l = 0; l < decoded.select2.length; l++){
    $(".select2").append(decoded.select2[l]);
  }
}

成功：函数（数据）{
var decoded=JSON.parse（数据）；
for（var l=0；l


您可以使用json按照上述思路做一些事情。（我还没有测试过）
success: function(html){                
    $(".select1").html(data1);
    $(".select2").html(data2);
}

您可以使用json按照上述思路做一些事情。（我还没有测试过。）
Json是最好的选择。即使你不想使用它，还有另一个选择
success: function(html){                
    $(".select1").html(data1);
    $(".select2").html(data2);
}

//select1
$data = "";
foreach($rows as $row){ 
    $data .= '<option>x</option>';      
}
$data .= "^^^"; // you can use any separator
//select2

foreach($rows1 as $row){    
   $data .= '<option>y</option>';      
}  

echo $data;

success: function(response){
    var options = response.split("^^^");

    $(".select1").html(options[0]);
    $(".select2").html(options[1]);
}

//选择1
$data=“”；
foreach（$行作为$行）{
$data.='x'；
}
$data.=“^^^”；//您可以使用任何分隔符
//选择2
foreach（$rows1作为$row）{
$data.='y'；
}  
回波数据；
成功：功能（响应）{
var options=response.split（“^^^”）；
$（“.select1”）.html（选项[0]）；
$（“.select2”）.html（选项[1]）；
}
Json是最佳选择。即使你不想使用它，还有另一个选择
success: function(html){                
    $(".select1").html(data1);
    $(".select2").html(data2);
}

//select1
$data = "";
foreach($rows as $row){ 
    $data .= '<option>x</option>';      
}
$data .= "^^^"; // you can use any separator
//select2

foreach($rows1 as $row){    
   $data .= '<option>y</option>';      
}  

echo $data;

success: function(response){
    var options = response.split("^^^");

    $(".select1").html(options[0]);
    $(".select2").html(options[1]);
}

//选择1
$data=“”；
foreach（$行作为$行）{
$data.='x'；
}
$data.=“^^^”；//您可以使用任何分隔符
//选择2
foreach（$rows1作为$row）{
$data.='y'；
}  
回波数据；
成功：功能（响应）{
var options=response.split（“^^^”）；
$（“.select1”）.html（选项[0]）；
$（“.select2”）.html（选项[1]）；
}
为什么-1？我问错了什么？我想知道你为什么要这样做，为什么要这样做？因为我正在使用依赖选择框并从数据库中获取数据。因此，通过单击select 1，它将从数据库中获取select 2的数据，这就是我这样做的原因。为什么-1？我问错了什么？我想知道你为什么要这样做，为什么要这样做？因为我正在使用依赖选择框并从数据库中获取数据。因此，通过单击select 1，它将从数据库中获取select 2的数据，这就是我这样做的原因。