使用ajax将多个数据发送到PHP

时间:2017-07-11 00:32:13

标签: jquery ajax

我正在使用脚本从我的数据库中检索数据。

使用data: {'single_cal4' : jQuery('#single_cal4').val()},脚本将值发送到php脚本,php脚本会发回响应。

但是现在我想向PHP脚本发送多个值。已发送single_cal4我还想在同一个脚本中发送single_cal5

有人知道如何将多个数据发送到PHP文件吗?

这是我的完整脚本:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script> 
function getBel(value) {
    console.log("getBel before ajax", jQuery('#single_cal4').val());
    jQuery.ajax({ 
        url: './getbel/get1.php', 
        method: 'POST', 
        data: {'single_cal4' : jQuery('#single_cal4').val()},
        success: function(response){ 
            console.log("getBel after ajax", jQuery('#single_cal4').val());
            jQuery('#1al').val(response);
        }, 
        error: function (request, status, error) { 
            alert(request.responseText); 
        }, 
    });                 
} 
</script>

1 个答案:

答案 0 :(得分:0)

只需将值添加到数据对象:

<script> 
function getBel(value) {
    console.log("getBel before ajax", jQuery('#single_cal4').val());
    jQuery.ajax({ 
        url: './getbel/get1.php', 
        method: 'POST', 
        data: {
                 'single_cal4' : jQuery('#single_cal4').val(),
                 'single_cal5' : jQuery('#single_cal5').val(),
                 'standardValue' : "STANDARD VALUE OPTIONAL" 
              },
        success: function(response){ 
            console.log("getBel after ajax", jQuery('#single_cal4').val());
            jQuery('#1al').val(response);
        }, 
        error: function (request, status, error) { 
            alert(request.responseText); 
        }, 
    });                 
} 
</script>