Question

Here is part of my html file:

$('#btnMyButton').click(function () {
        alert("message");
        ajaxPost("Service1.svc/json/GetMethod", { "humanName": "anna" }, anotherMethod);
    });

And here is the method being called:

public Human GetCustomer(string humanName)
    {
        Human x = new Human();
        x.name = humanName;
        return x;
    }

But I got error – 400 bad request! How to fix it?

The body of the anotherMethod method is:

  var txt = JSON.stringify(msg);
        log("Result = " + txt);

Here is the name of the method:

[OperationContract]
    [WebInvoke(Method = "POST",
                ResponseFormat = WebMessageFormat.Json,
                RequestFormat = WebMessageFormat.Json,
                BodyStyle = WebMessageBodyStyle.Bare)]
    Human GetMethod(string humanName);

Answer 1

If you are trying to consume a JSON enabled WCF web service you may try the following:

$('#btnMyButton').click(function () {
    $.ajax({
        url: 'Service1.svc/json/GetMethod',
        type: 'POST',
        contentType: 'application/json',
        data: JSON.stringify({ humanName: 'anna' }),
        success: function(result) {
            // TODO: do something with the results
        }
    });
    return false;
});

The JSON.stringify method shown here is natively built into modern browsers but if you need to support legacy browsers you might need to include the json2.js script.