通过JavaScript将表单发送到REST控制器

Question

发送表单时遇到一个问题。

我的表单如下：

<form method="post" onsubmit="saveName()" modelAttribute="task" id="formName" role="form">
        <input type="text" class="form-control" id="name" name="name" placeholder="Name" />
</form>

我的控制器看起来像：

@Controller
@RequestMapping(value="/form")
public class restController {

    @RequestMapping(value="/take", method = RequestMethod.POST)
    @ResponseStatus(HttpStatus.OK)
    public void getFormName(@RequestParam("name") String nameTask){
        myFunction(nameTask);
    }
}

我希望使用Javascript将参数发送到REST。如果我直接使用＆＃34;动作＆＃34;对于形式，一切正常。但是，我想写一个简单的脚本，它将为Controller提供所有参数

我试着编写一个脚本，但它不起作用：

SaveName脚本：

req = new XMLHttpRequest();
req.open('POST', encodeURI('/form/take'), true);
req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
req.send(encodeURI('name=' + $("#name").val()));

任何sugestions？