Question

我有一张表格：

    <div class="form_style">
<input name="name" type="text" id="Name" class="input username" placeholder="Username" />
<textarea name="content_txt" id="contentText" cols="45" rows="5" placeholder="Enter some text"></textarea>
<input name="event_id" id="eventId" type="hidden" value="31"/>
<button id="FormSubmit">Add Comment</button>
<img src="images/loading.gif" id="LoadingImage" style="display:none" />
</div>

我可以将带有ajax的content_txt发布到带有数据结构的php。如何使用所有变量构建数据？

下面是内容txt的ajax代码：

ar myData = 'content_txt='+ $("#contentText").val(); //build a post data structure

所以我只想传递两个输入（name和event_id，用于测试。）

我希望将所有数据插入到sql数据库中。

一切正常，但仅适用于content_txt textarea。知道如何将其他内容添加到varmyData吗？

Answer 1

将数据发布为JSON结构：

var myData = {
    content_text: $('#contentText').val(),
    name: $('#Name').val(),
    event_id: $('#eventId').val()
};

$.post('http://www.example.com', myData);

Answer 2

这将帮助您收集.form_style

下的任何表单元素

var data = {};
$(".form_style").find("input, textarea").each(function () {
      var $this = $(this)
      if ($this.prop('name')) {
           data[$this.prop('name')] = $this.val();
      }          
});

从具有多个变量的表单构建后期数据结构

2 个答案: