функции Javascript не работает с переменными, имеющими особым характером

Question

функции

Javascript:

var Id ; //global variables 
var Name; //global variables 
function getServiceId(id,name){ 
    Id=id; 
    Name = name; 
    alert(Id); 
} 

И это мой кода JSP

<core:forEach var="service" items="${listServiceBO}"> 
           <tr> 
            <td><a href="Javascript:void(0);"> 
              ${service.name} 
            </a></td> 
            <td>${service.multiplicity}</td> 
            <td>${service.scheduleType}</td> 

            <td> 
             <button type="button" id="serviceDeleteButton(${service.id})" name="serviceDeleteButton" 
              onclick="getServiceId(${service.id},'${service.name}');" title="Delete" 
              class="btn btn-link btn-inline" data-toggle="modal" 
              data-target="#deleteServiceModal"> 
              <span class="glyphicon glyphicon-remove"></span> 
              <span class="sr-only">Delete</span> 
             </button> 
            </td> 
           </tr> 
          </core:forEach> 

если мой service.name содержит какой-либо особый характер .... мои ценности не получают установлен в Javascript. Но если у меня нет специального символа в этом имени, тогда он работает нормально.

Из-за специального символа я не могу установить ни одно из двух значений. Любое решение ???

Answer 1

Вы можете попробовать это:

onclick="getServiceId(${service.id},"${service.name}");" 

Или, лучше всего сделать было бы избежать всех значений в Java:

Base64.encode(str); 

и Javascript делает расшифровывает:

decodeURIComponent(str); 

Answer 2

Редакция:

Постарайся просто избежать этого:

var Id ; //global variables 
var Name; //global variables 
function getServiceId(id,name){ 
    Id=id; 
    Name = escapeRegExp(name); 
    alert(Id); 
} 

function escapeRegExp(str) { 
    return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&"); 
} 

Jsp не конек, но, возможно, изменить это:

onclick="toggle('getServiceId(${service.id},'${service.name}')');" 

к:

onclick="toggle('getServiceId(${service.id}, \"${service.name}\")')"