Javascript 替换+；已生成URL中的%20

我正在使用下面的HTML代码将用户连接到聊天室，但我需要生成的URL中的任何空格变为%20而不是+，因为+是昵称中的有效字符，因此在输入中输入

Paul John

的人将在聊天室中变为

Paul+John

，因此需要%20，因为这是一个空间

是否可以使用JavaScript/jQuery和一些示例来实现这一点

HTML

昵称
性别
女性
男性
进入

提前感谢,

---

Paul

尝试使用

encodeURIComponent（str）

函数

var test = "Paul John";
var result = encodeURIComponent(test );
//result: "Paul%20John"

要在提交表单之前替换内容，请使用以下jquery代码：

$(document).ready(function(){
    $('.form-horizontal').submit(function(){
        var encoded = encodeURIComponent($('#nickname').val().trim());
        $('#nickname').val(encoded );
    });
});

---

尝试使用

encodeURIComponent（str）

函数

var test = "Paul John";
var result = encodeURIComponent(test );
//result: "Paul%20John"

要在提交表单之前替换内容，请使用以下jquery代码：

$(document).ready(function(){
    $('.form-horizontal').submit(function(){
        var encoded = encodeURIComponent($('#nickname').val().trim());
        $('#nickname').val(encoded );
    });
});

---

尝试使用

encodeURIComponent（str）

函数

var test = "Paul John";
var result = encodeURIComponent(test );
//result: "Paul%20John"

要在提交表单之前替换内容，请使用以下jquery代码：

$(document).ready(function(){
    $('.form-horizontal').submit(function(){
        var encoded = encodeURIComponent($('#nickname').val().trim());
        $('#nickname').val(encoded );
    });
});

---

尝试使用

encodeURIComponent（str）

函数

var test = "Paul John";
var result = encodeURIComponent(test );
//result: "Paul%20John"

要在提交表单之前替换内容，请使用以下jquery代码：

$(document).ready(function(){
    $('.form-horizontal').submit(function(){
        var encoded = encodeURIComponent($('#nickname').val().trim());
        $('#nickname').val(encoded );
    });
});

---

---

这是因为使用application/x-www-form-urlencoded内容时，“+”表示一个空格。由于您实际上是在提交表单，因此发送表单URLENDED数据，这是正确的。如果在数据中输入“+”，它也应该被编码（到“%2B”），允许您将其与作为表单编码的一部分添加的任何“+”字符区分开来，这是因为使用application/x-www-form-urlencoded内容时“+”表示空格。由于您实际上是在提交表单，因此发送表单URLENDED数据，这是正确的。如果在数据中输入“+”，它也应该被编码（到“%2B”），允许您将其与作为表单编码的一部分添加的任何“+”字符区分开来，这是因为使用application/x-www-form-urlencoded内容时“+”表示空格。由于您实际上是在提交表单，因此发送表单URLENDED数据，这是正确的。如果在数据中输入“+”，它也应该被编码（到“%2B”），允许您将其与作为表单编码的一部分添加的任何“+”字符区分开来，这是因为使用application/x-www-form-urlencoded内容时“+”表示空格。由于您实际上是在提交表单，因此发送表单URLENDED数据，这是正确的。如果在数据中输入“+”，它也应该被编码（到“%2B”），这样您就可以将其与作为表单编码的一部分添加的任何“+”字符区分开来。谢谢你的回答。我怎么能用这个表格？嗨。再次感谢。我在输入中加了一个空格，结果是

%2520

？，因此在获取值时使用trim方法。我将再次更新。抱歉，我仍然不明白，即使现在我使用

trim（）

作为您的答案，我仍然会得到一个像

client/htmlchat/123flashchat.html？init_room=1&init_user=John%2520Doe&init_gender=1

这样生成的URL。那么，这不是您想要生成的吗？嗨。谢谢你的回答。我怎么能用这个表格？嗨。再次感谢。我在输入中加了一个空格，结果是

%2520

？，因此在获取值时使用trim方法。我将再次更新。抱歉，我仍然不明白，即使现在我使用

trim（）

作为您的答案，我仍然会得到一个像

client/htmlchat/123flashchat.html？init_room=1&init_user=John%2520Doe&init_gender=1

这样生成的URL。那么，这不是您想要生成的吗？嗨。谢谢你的回答。我怎么能用这个表格？嗨。再次感谢。我在输入中加了一个空格，结果是

%2520

？，因此在获取值时使用trim方法。我将再次更新。抱歉，我仍然不明白，即使现在我使用

trim（）

作为您的答案，我仍然会得到一个像

client/htmlchat/123flashchat.html？init_room=1&init_user=John%2520Doe&init_gender=1

这样生成的URL。那么，这不是您想要生成的吗？嗨。谢谢你的回答。我怎么能用这个表格？嗨。再次感谢。我在输入中加了一个空格，结果是

%2520

？，因此在获取值时使用trim方法。我将再次更新。很抱歉，我仍然不明白，即使现在我使用

trim（）

作为您的答案，我仍然会生成一个URL，如

client/htmlchat/123flashchat.html？init_room=1&init_user=John%2520Doe&init_gender=1

。那么，您不想生成的是什么？