введите значение при выполнении Ajax Post с помощью JQuery

Я использую «div content editable» html, чтобы получить значение с входной клавиатуры, чтобы отправить с помощью jQuery ajax и отправить в базу данных. это мой html-код

<div class="form_field" name="contentbox" id="contentbox" contenteditable="true"> 

и мой javascript

 function mysubmit { var contentbox = $("#contentbox").html(); var contentboxvalue = "contentboxvalue ='" + escape(contentbox) + "'"; $.ajax({ type: "POST", url: "<?php echo base_url() ?>admin/data", data: contentboxvalue, cache: true, success: function () { document.getElementById("contentboxInfo").innerHTML = contentbox; } }); } 

Но у меня проблема, когда я обновляю значение в моей базе данных, например: "hello world" и когда я обновляю, значение ajax post jquery send:

 " hello world" 

Как удалить потоки строк (CR / LF), но не теги, которые вы отправляете в базу данных.

Related of "введите значение при выполнении Ajax Post с помощью JQuery"

Вы можете использовать $.trim() чтобы удалить лишнее белое пространство в строке.

Функция $ .trim () удаляет все новые строки, пробелы (включая неразрывные пробелы) и вкладки с начала и конца строки. Если эти пробельные символы встречаются в середине строки, они сохраняются.

Источник: http://api.jquery.com/jquery.trim

Ex.

 function mysubmit{ var contentbox = $("#contentbox").html(), contentboxvalue = "contentboxvalue ='" + escape($.trim(contentbox)) + "'"; $.ajax({ type :"POST", url : "<?php echo base_url() ?>admin/data", data : contentboxvalue, cache : true, success : function() { document.getElementById("contentboxInfo").innerHTML = contentbox; } }); } 

Вы можете сделать это на стороне клиента, используя jQuery .trim () . Или на стороне сервера, используя фреймворк PHP .

Эти функции будут разделять все символы пробела с начала и конца строки.

я использовал $ .trim () и php trim (), и он работает для ввода значения, а затем я получил проблему, когда я нажимаю «вводить» в свой «редактируемый контент div», когда я отправляю в базу данных, «div content editable» return

<p> &nbsp;</p><p> <br/></p>