使用AJAX提交两个值

Question

我想用这个jQuery代码提交/发布两个值：

$('input#code1').on('input', function(){
  var name = $('input#code1').val();
  if ($.trim(name) != ''){
    $.post('ajax/rate1.php', {code1: name}, function(data){
      $('div#total1').text(data);
    });
  }
});

如何添加其他值（qty1）？

Answer 1

假设您在$('input#code2')中有qty只需检索该值并添加到javascript对象以便发布

    var name = $('input#code1').val();    
    var qty = $('input#code2').val();

    if ($.trim(name) != ''){
        $.post('ajax/rate1.php', {code1: name, code2, qty}, function(data){
        $('div#total1').text(data);
        });
   }

Answer 2

jQuery＆＃39; s $.post()接受一个数据对象，该对象可以包含多个值。

  

数据
  键入：PlainObject或String
  使用请求发送到服务器的普通对象或字符串。

例如：

var parameters = {
  "name" : $('input#code1').val(),
  "qty"  : $('input#qty1').val()
};

$.post('ajax/rate1.php', parameters, function(data){
  $('div#total1').text(data);
});

然后，在PHP中：

$name = !empty($_POST['name']) && !ctype_space($_POST['name'])
          ? trim($_POST['name'])
          : '(unnamed)';

$qty = !empty($_POST['qty']) && is_numeric($_POST['qty'])
          ? $_POST['qty']
          : 0;

供参考，请参阅examples in the jQuery documentation：

$.post( "test.php", { name: "John", time: "2pm" })
  .done(function( data ) {
    alert( "Data Loaded: " + data );
  }
);