'AJAX call to rest service to post the data from HTML form

<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>

I'm trying to post the form field in rest service which expects a JSON response. I'm getting an alert error message (object Object)

I'm not getting where the error is.

Solution 1:^[1]

You can try $.post instead of $.ajax

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

Just make sure that parameters you are passing matches with your REST service.

Solution 2:^[2]

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

this part of code looks invalid, provide a correct selector to the click function.

Solution 3:^[3]

First change this $($enter).click(function to $("#enter").click(function () { Are you sure the the service you written for this task is a post service...some times i do the mistake like post data and write service for getting data.If you can show your service structure it will help to have a better insight.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	Sarcastic
Solution 2	Emil A.
Solution 3	Achilles

'AJAX call to rest service to post the data from HTML form

Solution 1:[1]

Solution 2:[2]

Solution 3:[3]

Sources

Related Questions

Solution 1:^[1]

Solution 2:^[2]

Solution 3:^[3]