setting and getting data in textarea using ajax

Question

I have a textarea on a page that I update and set the data in using ajax, but for some reason line breaks are represented by a \n. I've tried server side changing them and client side but no matter what I do I either get a \n in the textarea or a <br /> tag in there.

I have tried using .val(), .text() and .html() to get and set the info.

Any help really appreciated

Thanks

Sorry the code I am using

to update using ajax

var genNotes = $('#MainContent_TxtGenNotes').val();
var param = { notes: genNotes } 
 $.ajax({
    url: "default.aspx/UpdateInfo",
    data: JSON.stringify(param),
    dataType: "json",
    type: "POST",
    etc etc

the code I'm using to retrieve

 $.ajax({
    url: "default.aspx/UserDetails",
    data: JSON.stringify(param),
    dataType: "json",
    type: "POST",
    contentType: "application/json; charset=utf-8",
    dataFilter: function (data) { return data; },
    success: function (data) {
        try {
        var json = JSON.stringify(data);
        var json_obj = $.parseJSON(json);
        $('#MainContent_TxtGenNotes').html(json_obj[0].genNotes);
        etc etc

As well as the code, seeing your data you're trying to set as the textarea value would help - I'm guessing it's encoded somehow. — Rory McCrossan
– Rory McCrossan, Commented Feb 6, 2015 at 10:31
Use .val(), then make sure all \n only have a single backward slash. You can use replace to replace all \\nor\\\n with just a single slash. — qtgye
– qtgye, Commented Feb 6, 2015 at 10:33

qtgye · Accepted Answer · 2015-02-06 10:43:53Z

1

It might be due to the character escaping in the ajax process. Make sure you replace \\n with \n from your ajax response.

You may try ajaxResponse.replace(/\\+n/g,"\n");

edited Feb 6, 2015 at 10:43

answered Feb 6, 2015 at 10:38

qtgye

3,6102 gold badges17 silver badges30 bronze badges

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

1 Comment

tramp-man Over a year ago

I think your absolutely right with that. That seems to have done it.

Whiplash450 · Accepted Answer · 2015-02-06 10:31:39Z

1

You should set the data using .html().

eg.

<textarea id="area1"></textarea>

$("#area1").html("1\n2");

JS Fiddle

answered Feb 6, 2015 at 10:31

Whiplash450

9642 gold badges12 silver badges22 bronze badges

3 Comments

Whiplash450 Over a year ago

Yes I can read. But using .html() is the way to achieve this.

Rory McCrossan Over a year ago

So if it didn't work for the OP, why is it now suddenly going to work?

Whiplash450 Over a year ago

Well I suppose without seeing his code we'll never know.

Collectives™ on Stack Overflow

setting and getting data in textarea using ajax

2 Answers 2

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related