Jquery .val() not returning line-breaks in a textarea

Question

I got problem with line breaks in a textarea.

I get the text with .val() function:

var messageBody = $('#composeInput').val();

This is my ajax request

$.ajax({
    url: 'serverScripts/messages/addMessage.php',
    data: 'messageBody='+messageBody+'&invitedJSONText='+invitedJSONText,
    success: function(){
        //Do something
    }
});

And PHP:

$messageBody = nl2br(mysql_real_escape_string($_GET['messageBody']));

The text:

Hi!

How are you?

Becomes:

Hi! How are you?

If I insert the variable messageBody to an another div-element I can't see any \n is this normal. How do I fix this?

Salman A · Accepted Answer · 2015-02-06T08:09:43.340

14

When you pass a string as the data parameter, you must URL encode it like this:

'messageBody=' + encodeURIComponent(messageBody) + '&invitedJSONText=' + encodeURIComponent(invitedJSONText)

If you pass the parameters as an object, jQuery takes care of encoding the data:

$.ajax({
    url: 'serverScripts/messages/addMessage.php',
    data: {
        messageBody: messageBody,
        invitedJSONText: invitedJSONText
    },
    success: function (data, textStatus, jqXHR) {
        $("#foo").html(data); // <-- did something
    }
});

edited Feb 06 '15 at 08:09

answered Apr 04 '11 at 05:48

Salman A

262,204
82
430
521

Thanks this one worked! Do you also know how I can insert `messageBody` to a div element? – einstein Apr 04 '11 at 05:52

score 0 · Answer 2 · answered Apr 09 '13 at 16:32

0

Is not that a known issue? http://api.jquery.com/val/

The workaround is using valHooks as explained in the Note section.

answered Apr 09 '13 at 16:32

pranay

444
1
7
20

score 0 · Answer 3 · answered Apr 04 '11 at 05:38

0

You may want to look at PHP's nl2br function. Newlines characters do not render in the browser, so you have to replace them with line breaks.http://us.php.net/nl

answered Apr 04 '11 at 05:38

kobe

15,671
15
64
91

1

I see he mentions `nl2br()` in his question. – Marcel Apr 04 '11 at 05:41
Already looked at it. When I look at the get parameters I can't see any \n too? – einstein Apr 04 '11 at 05:43

Jquery .val() not returning line-breaks in a textarea

3 Answers3

Linked