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 () {

这部分代码看起来无效，为点击功能提供了正确的选择器。

Answer 3

首先改变这一点 $($enter).click(function to $("#enter").click(function () { 你确定你为这项任务编写的服务是一项邮政服务......有时我会犯错误，如发布数据和编写服务以获取数据。如果你能展示你的服务结构，它将有助于更好地洞察。

AJAX调用rest服务从HTML表单发布数据

3 个答案: