使用jquery和ajax将表单数据发送到restful Web服务@POST方法

时间:2016-04-19 20:43:05

标签: jquery ajax

我到处寻找了几个小时,找不到适合我的解决方案。我有一个简单的html表单,它获得3个表单输入,需要将数据发送到Web服务的@POST方法。创建后,Web服务将显示更新的列表。谁能告诉我我做错了什么?

poll.html

PTHREAD_CANCELED

@POST网络服务方法

    <script>

    function myFunction()
    {
        data = $(this).serialize(); 

        $.ajax({
            url:         'http://localhost:8080/places3/resourcesC/create',
            method:      'POST',
            dataType:    'text',
            data:       data,
            success:        function() { alert("Worked"); },
            error:      function(error) { alert("Error"); }
        });
    }

    </script>

  </head>
  <body>
    <form onsubmit="myFunction()">

        <p>City: <input type="text" name="city" /> </p>
        <p>POI1: <input type="text" name="poi1" /> </p>
        <p>POI2: <input type="text" name="poi2" /> </p>
        <input type="submit" value="Submit" />


    </form>

1 个答案:

答案 0 :(得分:0)

我会尝试给表单一个名称,例如myform然后在你的jquery中:

var data = $(&#34; #myform&#34;)。serializeArray();

然后在ajax命令中传递data var。

这对我来说很有效。