发送其他JSON数据以及现有的发送序列化表单数据的AJAX帖子

Question

我想将其他JSON数据与现有的AJAX表单一起发送。

我有一个使用JavaScript提交HTML表单的AJAX请求...

// Serialize the data in the form
var serializedCommentData = $parentCommentForm.serialize();

// Make AJAX Save POST Request
commentAjaxRequest = $.ajax({
    url: ProjectManagementTaskModal.cache.urlEndPointsObj.createTaskCommentReplyUrl,
    type: 'post',
    data: serializedCommentData
});

我还保存了JavaScript变量中保存的JSON字符串...

var jsonString = '[{"id":1,"name":"Kenneth Auchenberg","avatar":"http://cdn0.4dots.com/i/customavatars/avatar7112_1.gif","type":"contact","value":"Kenneth Auchenberg"},{"id":9,"name":"Kenneth Hulthin","avatar":"http://cdn0.4dots.com/i/customavatars/avatar7112_1.gif","type":"contact","value":"Kenneth Hulthin"}]';

如何使var jsonString JSON字符串与表单发送的AJAX请求一起发送？

Answer 1

您可以使一个对象具有两个字段

    var pack = { commentData : serializedCommentData, json: jsonString }

并对其进行序列化，然后传递数据。

    commentAjaxRequest = $.ajax({
        url: ProjectManagementTaskModal.cache.urlEndPointsObj.createTaskCommentReplyUrl,
        type: 'post',
        data: JSON.stringify(pack)
    });

您将需要在接收器脚本中解压缩