javascript - Ajax发布多个数据

Question

如何使用ajax发布多个数据？我想发布输入value和attr两个都。这是一个例子:

$('.input[type=\'text\']').keyup(function(){        
  $.ajax({
    type: 'POST',
    url: 'index.php',
    data: $('.input[type=\'text\']'),
    dataType: 'json',
    success: function(json) {
      alert('done');
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" value="" attr="yes" />

Answer 1

如documented ，“data”具有混合类型(类型:PlainObject 或 String 或 Array)。因此您可以将数组或对象分配给 data 属性。

尝试以下操作；

$('.input[type=\'text\']').keyup(function(){       
    var dataToPost = {
                    value: $(this).attr('attr'),
                    attr: $(this).val()
                  }; 
            $.ajax({
                  type: 'POST',
                  url: 'index.php',
                  data: dataToPost,
                  dataType: 'json',
                  success: function(json) {
                              alert('done');
                    }
            });
  });