使用jQuery Post方法创建哈希帖子

Question

$.ajax({
  url: '/create_lead',
  data: {
    name: $('#lead_gen_name').val(),
    lead_gen[email]: $('#lead_gen_email').val(),  
  },
  type: 'POST',
  dataType: 'json',
  success: function(data) {
  }
});

我想使用jQuery Post方法发布信息哈希。 我希望它以这种格式发布lead_gen [email]，lead_gen [address]等。

如何格式化Post方法来做到这一点。 上面的代码因语法错误而失败。

Answer 1

假设服务器可以处理它，则可以在调用中使用嵌套对象：

data: {
    name: $('#lead_gen_name').val(),
    lead_gen: { email: $('#lead_gen_email').val(), address: "1234 W Street" }
}

Answer 2

在发布之前将其转换为JSON。 也就是说，将所有数据放入javascript对象，调用JSON.stringify() ，然后将结果字符串放入ajax调用的data部分。

Answer 3

您可能可以使用jQuery.serialize进行所需的操作。 http://api.jquery.com/serialize/

data: $('#lead_gen_form').serialize(),

Answer 4

在我看来，它应该可以工作，但是lead_gen [email]：不会像您在这里那样拥有钥匙的事实。 用引号引起来。

$.ajax({
  url: '/create_lead',
  data: {
    name: $('#lead_gen_name').val(),
    'lead_gen[email]': $('#lead_gen_email').val(),  
  },
  type: 'POST',
  dataType: 'json',
  success: function(data) { }
});