Html 在表单提交时调用REST服务

我正在尝试呼叫服务

http://localhost:8080/app/search

它获取RequestBody中的数据作为

{
  "skills":["c","java"],
  "country":["India"],
  "state":["Maharashtra","Gujrat"],
  "city":["Mumbai","Pune"],
  "highestDegree":["MCA","BE"],
   "functionalArea":["IT"],
  "functionalRole":["Tester"]
}

标题和内容类型：application/json 我和邮递员一起测试了上述服务，它给出了正确的输出。现在我试着从html表单调用上面的服务，它给我的错误是请求在语法上是不正确的

我的HTML表单是

<form method="POST" action="http://localhost:8080/app/search">

<!--(form ellements with multiple select textbox )-->
</form

这是一种错误的方式，您必须创建一个模型并将其url设置为您的服务：

var MyModel = Backbone.Model.extend({
    url: '/app/search'
});

当您单击“提交”按钮时，在视图中捕获它，在模型中设置表单数据并调用它的
save
函数。
尝试使用相对URL而不是编写完整的URL，或者更好，您可以尝试使用Ajax调用rest服务