使用 JQuery 进行 Ajax Post 时输入值答案

【问题标题】：enter value when doing Ajax Post with JQuery使用 JQuery 进行 Ajax Post 时输入值
【发布时间】：2012-03-30 23:33:10
【问题描述】：

我正在使用“div 内容可编辑”html 从输入键盘获取值以使用 ajax jquery 发布并发送到数据库。这是我的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 发布 jquery 发送值：

"
hello world"

如何在提交到数据库时删除换行符 (CR/LF)，而不是   标签。

【问题讨论】：

标签： php jquery ajax post

【解决方案1】：

您可以使用$.trim() 删除字符串中的多余空格。

$.trim() 函数删除所有换行符、空格（包括不间断空格），以及从开头和结尾的制表符提供的字符串。如果这些空白字符出现在中间字符串，它们被保留。

来源：http://api.jquery.com/jquery.trim

例如

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;
        }
    });
}

【讨论】：

【解决方案2】：

您可以使用jQuery's .trim() 在客户端执行此操作。或者在服务器端使用PHP's trim。

这些函数将从字符串的开头和结尾删除所有white-space characters。

【讨论】：

【解决方案3】：

我使用了 $.trim() 和 php trim() 它适用于输入值，接下来，当我在“可编辑的 div 内容”中按“输入”时遇到问题当我提交到数据库时，“div 内容可编辑”返回

 &nbsp; 

【讨论】：