Posting html payload data in angular js

Question

I have a question related to $http post service in Angular JS. I am currently working on CMS (Content Management System) project, where I need to send HTML data to rest api. Currently, I am constructing payload object in angularjs controller, but when I post html data I get unable to decode value in developer console. Because of this post request is not happening.
This is happening because escape character present in data.

For example:

var payloadData = {
    "name":"Test Document",
    "desc":"test 123",
    "content":"<div style="color:red;text-align:center;">%%header%%</div>"
}

Developer console screenshot

Can you show the code for your controller and http request? You should be doing something similar to what is found here:docs.angularjs.org/api/ng/service/$http#post — user2263572
– user2263572, Commented Apr 6, 2016 at 4:39
var payloadData = {"content_category_id":category_id+'',"content":$scope.froalaOptions.froalaEditor('html.get'),"description":description,"name":name}; customHttpService.updateData(url,JSON.stringify(payloadData),helperService.postReqHeader()) .then(function(result){ // success //Content Successfully Updated ! }, function(err){ // error //Error Occured While Updating The Content ! }); — k_pranav91
– k_pranav91, Commented Apr 6, 2016 at 4:52

Shrikant · Accepted Answer · 2016-04-06 04:43:59Z

1

use $http.post('url here',JSON.stringify(payloadData));

answered Apr 6, 2016 at 4:43

Shrikant

5385 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

k_pranav91 Over a year ago

var payloadData = {"content_category_id":category_id+'',"content":$scope.froalaOptions.froalaEditor('html.get'),"description":description,"name":name}; customHttpService.updateData(url,JSON.stringify(payloadData),helperService.postReqHeader()) .then(function(result){ // success //Content Successfully Updated ! }, function(err){ // error //Error Occured While Updating The Content ! });

k_pranav91 Over a year ago

Hello after using JSON.stringify(payload) , still not able to use post or put http methods.

Shrikant Over a year ago

use the variable and for ex: postData = {your Payload} and pass postData to posta api

Stackhelper · Accepted Answer · 2016-04-06 06:01:36Z

0

how about using $http.post(url,payloadData,headers: {'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'})

Let us know if it works or not

answered Apr 6, 2016 at 6:01

Stackhelper

631 silver badge3 bronze badges

2 Comments

k_pranav91 Over a year ago

if you see my code snippet i am using helperService.postR‌eqHeader() which give me headers: { 'Content-Type': "application/x-www-form-urlencoded; charset=UTF-8", 'Authorization': 'Bearer '+$cookies.authAppToken }

k_pranav91 Over a year ago

One interesting thing happening in this case. I am not aware of this, but if i remove header:{'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'} with this, "post request is successful". Can anybody let me know , why this is happening ?

k_pranav91 · Accepted Answer · 2016-04-07 04:53:59Z

0

One interesting thing happening in this case. I am not aware of this, but if i remove header:{'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'} with this, "Post request is successful".

Can anybody let me know , why this is happening ? This will helpful in understanding the problem.

answered Apr 7, 2016 at 4:53

k_pranav91

135 bronze badges

Collectives™ on Stack Overflow

Posting html payload data in angular js

3 Answers 3

3 Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related