AJAX Call On Rest Services

Question

0.00/5 (No votes)

See more:

Hi everyone

I am trying to call the Rest services using Ajax Call with Method = Post; My Ajax code is below. In my alert i am getting my results added. But in the Html form i was not able to add this using AJAX.

$.ajax({
                    type: "POST", //GET or POST or PUT or DELETE verb
                    url: "http://localhost:8080/karthick", // Location of the service
	            data:'{"name":"karthi","firstName":"Peter"}',
                    contentType: "application/json", // content type sent to server
                    dataType: "json", //Expected data format from server
                    processdata: true, //True or False
                    success: function (json)
                    var result = json.firstName;
                    $("#dvAjax").html(result);
                    },
                    error: ServiceFailed
                });


                return false;
            });



        });

function ServiceFailed(xhr) {
            alert(xhr.responseText);
            if (xhr.responseText) {
                var err = xhr.responseText;
                if (err)
                    error(err);
                else
                    error({ Message: "Unknown server error." })
            }
            return;
        }

HTML CODE

<fieldset>

                               <table id="karthi">

                                   <tr>
                                       <td><label>Name</label></td>
                                       <td align="left"><input type="text" id="name" class="medium" name="" value=""></td>

                                   </tr>

                                   <tr>
                                       <td><label>firstName</label></td>
                                       <td align="left"><input type="text" id="firstname" class="medium" name="" value=""></td>

                                   </tr>






                                   <tr>
                                       <td colspan="2"><button id="btnAjax" onClick="submit" type="button">Submit</button> or <a href="#">Cancel</a></td>
                                       <td></td>
                                       <td></td>
                                       <td></td>

                                   </tr>

                               </table>


                           </fieldset>

I want to add the name & firstname parameter in the HTML form using the ajax call with the web-service. Kindly assist me on this.

Regards
Karthick

Posted 25-Feb-13 0:04am

Karthick88it

Updated 25-Feb-13 7:32am

Richard C Bishop

v3

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Jameel VM · Answer 1 · 2013-02-25T10:19:00

try like this

C#

function GetSearchResult() {
    $("#loading").show();
    $.support.cors = true;
    var searchUrl = URL;
    var params = { "ID": Id,
        "Name": name
        
    };
    $.ajax({
        cache: false,
        type: "POST",
        async: true,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: searchUrl,
        data: JSON.stringify(params),
        success: function (data) {
           
        },
        error: function (xhr) {
            alert(xhr.responseText);
        }
    });
}

Hope this helps