AJAX 调用休息服务以从 HTML 表单发布数据

Question

<html>

<body>
    <form method="POST">
        <label>username</lable>
            <input id="username" name="username" type="text">
            <label>emailid</lable>
                <input id="emailid" name="emailid" type="text">
                <button id="enter" type="submit">submit</button>
    </form>
    <script type="text/javascript">
        $(document).ready(function () {
            var userName = $("#username").val();
            var emailId = $("#emailid").val();
            $($enter).click(function () {
                $.ajax({
                    type: 'POST',
                    url: ".....rest service url....",
                    dataType: JSON,
                    data: {
                        "UserName": userName,
                        "EmailId": emailId
                    },
                    success: function (data) {
                        alert("success");
                    }
                    error: function (e) {
                        alert("error" + e)
                    }
                });
            });
        });
    </script>
</body>

</html>

我正在尝试在需要 JSON 响应的休息服务中发布表单字段。 我收到警告错误消息（对象对象）

我不知道错误在哪里。

Answer 1

您可以尝试 $.post 而不是 $.ajax

$.post( "your url",{ UserName: userName, EmailId: emailId }, function( data ){
alert("Success");
});

只需确保您传递的参数与您的 REST 服务相匹配。

Answer 2

$($enter).click(function () {

这部分代码看起来无效，请为 click 函数提供正确的选择器。

Answer 3

首先将此$($enter).click(function to $("#enter").click(function () {你确定你为此任务编写的服务是一个后期服务...有时我会这样做错误，例如发布数据和编写服务以获取数据。如果您可以展示您的服务结构，这将有助于更好地了解。

AJAX 调用休息服务以从 HTML 表单发布数据

问题描述

3 个解决方案

解决方案1
0 2013-10-21 07:48:47

解决方案2
0 2013-10-21 08:42:13

解决方案3
0 2013-10-21 08:52:15

AJAX 调用休息服务以从 HTML 表单发布数据

问题描述

3 个解决方案

解决方案1 0 2013-10-21 07:48:47

解决方案2 0 2013-10-21 08:42:13

解决方案3 0 2013-10-21 08:52:15

解决方案1
0 2013-10-21 07:48:47

解决方案2
0 2013-10-21 08:42:13

解决方案3
0 2013-10-21 08:52:15