如何使用AJAX发送表单数据和其他数据

时间:2018-08-27 14:54:43

标签: javascript html ajax xml

我正在尝试使用AJAX发送HTML表单数据,但是我也尝试与同一AJAX POST调用一起发送其他数据。

这可能吗?

    $('#HTMLConForm').on('submit', function (e) 
{

    e.preventDefault();        
    $.ajax({
        url: "***NewUserURL.com***",
        type: "POST",
        data:{ 
              'otherinfo': otherinfo,
              'form_data': new FormData(this),
             },
        processData: false,
        contentType: false,
        success: function (data)
        {
            alert('You Have Registered')
            /*window.location = "index.html";  */
        },
        error: function (xhr, desc, err)
        {


        }
    });        
});

任何帮助都将受到赞赏!

1 个答案:

答案 0 :(得分:0)

将FormData对象本身传递给data,不要将其包装在简单的对象中。

使用FormData对象的append method添加其他数据。

e.preventDefault();     
const formdata = new FormData(this);
formdata.append("otherinfo", otherinfo);  
$.ajax({
    url: "***NewUserURL.com***",
    type: "POST",
    data: formdata,