JavaScript的如何更换20％空间 [英] JavaScript how to replace %20 to space

问题描述

我试图找回从URL值，并采用了棱角分明的JS在我的网页显示出来。我在做什么是

1）保存完整的URL给一个变量，并把它分解，这样我可以筛选出我需要的价值。

2）然而，当存在一个空间它被示为％20。我想这20％要显示为空间本身。

例如：李四显示为约翰％20doe

控制器

 函数InboxController（$范围，$ HTTP，$的CookieStore，$位置）{
    $ scope.single_mail =功能（）
      {
        VAR URL = $ location.url（）;
        VAR split_url = url.split（'='）;
        变种mess_id = split_url [1];
        从= split_url变种[2];
        VAR ID_VALUE = mess_id.split（'和;'）;
        变种inbox_id = ID_VALUE [0];
        VAR from_value = from.split（'和;'）;
        $ scope.inbox_from = from_value [0];
        $ scope.single_message = [];
        $ scope.single_message = [];
        VAR single_inbox_mail =\"https://phoe.manage.com/app/inbox/message.html?contactid=\"+conId+\"&token=\"+token+\"&id=\"+inbox_id;
        $ http.get（single_inbox_mail）.success（功能（响应）{
        $ scope.single_message =响应[0];
       }）;
 

HTML视图

 ＆LT; D​​IV CLASS =页面数据-NG-控制器=InboxController＆GT;
  ＆LT; D​​IV CLASS =行NG-的init =single_mail（）＆GT;
    ＆LT; D​​IV CLASS =邮件标题行＆GT;
      ＆LT; D​​IV CLASS =COL-MD-8＆GT;
        ＆LT; H3＆GT; {{single_message.subject}}＆LT; / H3 GT＆;
        ＆LT; H4肽从：LT;强＆GT; {{inbox_from}}＆LT; / STRONG＆GT;＆LT; / H4＆GT;
      ＆LT; / DIV＆GT;
    ＆LT; / DIV＆GT;
    ＆LT; D​​IV CLASS =邮件的内容＆GT;
      ＆所述p为H.; {{single_message.body}}＆下; / P＆GT;
    ＆LT; / DIV＆GT;
  ＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
 

解决方案

这是EN codeD网址的一部分，你应该使用<一个href=\"http://www.w3schools.com/jsref/jsref_de$c$curicomponent.asp\"><$c$c>de$c$cURIComponent()功能并通过连接在第一个参数codeD字符串，看样code

 德codeURIComponent（约翰％20doe）;
//＆GT;李四
 

I am trying to retrieve values from the url and displaying it in my web page using angular JS. what i am doing is

1) saving the entire url to a variable and split it so that i can filter to the value i need.

2) However when there is a space it is shown as %20. i want this %20 to be displayed as space itself.

Example : john doe is shown as john%20doe

Controller

function InboxController($scope, $http, $cookieStore, $location) {
    $scope.single_mail = function()
      { 
        var url = $location.url();
        var split_url = url.split('=');
        var mess_id = split_url[1];
        var from =  split_url[2];
        var id_value = mess_id.split('&');
        var inbox_id = id_value[0];
        var from_value = from.split('&');
        $scope.inbox_from = from_value[0];
        $scope.single_message = [];
        $scope.single_message = [];
        var single_inbox_mail ="https://phoe.manage.com/app/inbox/message.html?contactid="+conId+"&token="+token+"&id="+inbox_id;
        $http.get(single_inbox_mail).success(function(response) {
        $scope.single_message = response[0];
       });

HTML view

<div class="page" data-ng-controller="InboxController">
  <div class="row" ng-init="single_mail()">
    <div class="mail-header row">
      <div class="col-md-8">
        <h3>{{single_message.subject}}</h3>
        <h4>From : <strong>{{inbox_from}}</strong></h4>
      </div>
    </div>
    <div class="mail-content">
      <p>{{single_message.body}}</p>
    </div>
  </div>
</div>

解决方案

this is encoded url part, you should use decodeURIComponent() function and pass encoded string in first param, see sample code

decodeURIComponent("john%20doe");
//> john doe

这篇关于JavaScript的如何更换20％空间的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！