Javascript在连接期间截断字符串 [英] Javascript truncating string during concatenation

问题描述

我在使用laravel和JS（jquery）构建的应用程序中遇到字符串截断问题。起初我认为这是一个后端问题（我问了这个问题： Laravel Truncating Strings ）。仔细调试之后，我注意到我的JS代码中出现了问题。

I have problems with string truncation in my app built with laravel and JS(jquery). At first I thought it was a back end problem (and I asked this question:Laravel Truncating Strings). After careful debugging I noticed there's something wrong in my JS code.

我试图通过JQuery post（AJAX）请求将一些字符串从CKEditor传递到后端，但是在某些情况下，字符串被截断，特别是包含特殊字符的嵌入！

I am trying to pass some string from CKEditor via a JQuery post(AJAX) request to the backend, However in some cases the string is truncated especially with embeds that contains special characters!

以下是出现问题的代码段

var content = CKEDITOR.instances.editor.getData();
alert("Content :" + content + "<br> Length :" + content.length);

var data = 'post_id=' + post_id + '&content=' + content + '&_token=' + $('#token').val();
alert("Data :" + data);
alert("Content Again :" + content);

发生了什么事？

1. 我从CKEditor获取字符串


2. 提醒内容和调试长度，看起来都不错


3. 我将内容连接到数据变量，后来在ajax
   请求中发送。


4. 警报数据显示在某些情况下截断的字符串


5. I再检查内容一切都很好，但由于某种原因，数据是
   截断。

1. I get string from CKEditor
2. Alert the content and the length for debugging and all looks good
3. I concatenate content to the data variable which is later sent in an ajax request
4. alert data shows truncated string in certain cases
5. I check content again its all good but for some reason data was truncated.

示例???

我将这个facebook嵌入编辑器中

I paste this facebook embed in the editor

<iframe src="https://www.facebook.com/plugins/comment_embed.php?href=https%3A%2F%2Fwww.facebook.com%2Ftonyelumelu%2Fposts%2F10154690113371949%3Fcomment_id%3D10154690136096949&include_parent=false" width="560" height="161" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>

警告内容显示正确的结果而不截断。 但警告数据变量给出

Alerting the content shows the correct result without truncating. But alerting the data variable gives

Data :post_id='+post_id+'&content=<p><iframe src="https://www.facebook.com/plugins/comment_embed.php?href=https%3A%2F

显然字符串被削减％2F 有时％3A （另一个嵌入我尝试过）

clearly the string is being cut around %2F sometimes %3A (another embed I tried)

数据变量看起来如何使用普通字符串（< p>这是一些字符串< / p> ）

How data variable looks with normal string (<p> This is some string </p> )

Data :post_id='+post_id+'&content=<p>This is some string</p>
&_token='+$('#token').val()

请问，我做错了什么？一般如何避免JS中的这种截断我看到字符串在不同的情况下被截断几次很难解释。提前谢谢

Please, what am I doing wrong? and generally how can I avoid such truncation in JS I have seen strings truncated several times in different situations that really hard to explain. Thanks in advance

推荐答案

如果内容有特殊字符，让我们说它是一些像你和&我永远，那么你的数据变量将如下所示：

If content has especial characters, let's say it's something like You & I forever, then your data variable would look like this:

post_id=1&content=You & I forever&_token=bla

看到问题？内容在 You 之后结束，因为&符号未编码。所以你应该做这样的事情：

See the problem? Content is ending right after You, because the ampersand isn't encoded. So you should do something like this:

var data = 'post_id=' + post_id + '&content=' + encodeURIComponent(content) + '&_token=' + $('#token').val();

这样，您的数据变量就会显示像这样：

With that, your data variable would look like this:

post_id=1&content=You%20%26%20I%20forever&_token=bla

这一切都能顺利进行

这篇关于Javascript在连接期间截断字符串的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！