interpolación de cadenas en JavaScript

Question

en Ruby puede utilizar interpolación de cadenas de este modo:

text = "This is visit number #{numVisits} to this website" 

Esto evita la necesidad de concatenación explícita.

estoy trabajando con jQuery y tener un poco como esto:

$(document).ready(function(){ 
    $("a.ajax").click(function(event){ 
     $("#content").load("data.html this.getClass"); 
    }); 
}); 

El comportamiento que quiero es "hacer clic en <a class="ajax" id="schedule"></a> y la contentdiv en la página actual se sustituye por el schedulediv de data.html. Si escribo manualmente en

load("data.html #test"); 

que funciona, pero quiero que la secuencia de comandos para cargar el DIV con el valor de ID del anclaje se hace clic. Cualquier ayuda se hinchan!

Ejemplo Página: http://www.mariahandalex.info/stack/

Answer 1

No se puede incrustar código JavaScript dentro de una cadena, pero puede concatenar una cadena a un objeto utilizando '+' al igual que

$('#content').load('data.html #' + $(this).getClass()); 

Incorporación de código en una cadena, no creo que tenga una nombre. Groovy llama a esas cadenas "Gstring" s, y ruby ​​las llama 'Expression substitution in strings'. No estoy seguro de que tenga un nombre estándar.

Answer 2

Prueba esto:

$(document).ready(function(){ 
    $("a.ajax").each(function(){ 
     var obj = $(this); 
     obj.click(function(event){ 
      alert(obj.attr('id')); 
     }); 
    }); 
}); 

Answer 3

Javascript no analiza los literales de cadena en busca de marcadores de recambio como Ruby o PHP hace. Deberá usar concatenación.

Answer 4

Esto ha cambiado.

A partir de 2015, no hay ahora una mejor manera: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/template_strings

Llevar a JS lo que muchos lenguajes como Ruby y PHP ya han disfrutado.

Por ejemplo, en mi página impulsado jQuery que utilizo:

$('#myModalLabel').html(`Show GRAPH of : ${fundCode}-${funcCode}`); 

que hace de forma segura en mi Firefox actualizada y Chrome como:

Mostrar conexiones de: AIP001-_sma

Tenga en cuenta el uso de backticks que rodean el parámetro de cadena en .html (....)

Answer 5

en es6 esto es posible

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/template_strings

`string text ${expression} string text`