CODEWITHSUNDEEP
jqueryajaxcharacter-encodinguri
tmutton
tmutton

Reputation: 1101

Jquery ajax encoding data

I have this code (below)..

$.ajax
({
    type: "POST",
    url: "../WebServices/Feedback.svc/sendfeedback",
    dataType: 'json',
    async: false,
    data: '{"stars": "' + stars + '", "rating" : "' + rating + '", "note" : "' + encodeURIComponent(note) + '", "code" : "' + code + '", "permission" : "' + permission + '"}',
    contentType: "application/json; charset=utf-8"
});

I am using this to pass in data to a web service but the problem is if there are any characters in there like this (, / ? : @ & = + $ #). I have put in an encodeURIComponent which works fine and then in the web service I put them back again.

What i'm asking is if there is a better way of accomplishing this? It seems a bit crazy that I have to encode the string each time before passing it through..

Thanks

Upvotes: 6

Views: 42615

Answers (2)

James
James

Reputation: 22227

pass data thru as an object instead of a string:

$.ajax
({
...
data: {stars: stars, rating: rating...(etc)}
});

Upvotes: 13

Quad Coders
Quad Coders

Reputation: 668

Is the web service belong to you or do you use someone else's web service? What was the reason the web service is not accepting (, / ? : @ & = + $ #)?

jQuery $.ajax default contentType is application/x-www-form-urlencoded which mean jQuery will encode the content. However, since you have specify different contentType, the data is not encoded thus you have to do your own encoding.

Alternatively, you could try to remove the contentType option and pass in your content normally (without encodeURICompnent).

$.ajax
({
    type: "POST",
    url: "../WebServices/Feedback.svc/sendfeedback",
    dataType: 'json',
    async: false,
    data: '{"stars": "' + stars + '", "rating" : "' + rating + '", "note" : "' + note + '", "code" : "' + code + '", "permission" : "' + permission + '"}',
});

Upvotes: 4

Related Questions