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

Question

Я использую html «div content editable», чтобы получить значение с клавиатуры ввода, чтобы опубликовать с помощью jjery 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 отправляет значение:

"
hello world"

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

Answer 1

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

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

Answer 2

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

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

Answer 3

Вы можете использовать $.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;
        }
    });
}