Estoy creando filas de tablas dinámicas y tds en ellas. En el último td, necesito tener etiquetas de anclaje con el evento onclick que pasa algunos datos como una cadena json. Funciona bien a menos que le dé espacio a cualquier valor de la cadena json, convierte todos los datos restantes en atributos html después del espacio. Estoy usando JSON.stringify(data) pero siento que no lo convirtió en una cadena real. ¡No sé!

El último td de las filas de la tabla en html funciona bien, incluso si hay espacios en los valores, ya que las claves y los valores son datos de formulario. Estoy usando echo json_encode en la función onclick

 <a href="#" data-toggle="modal" data-target="a{{$i}}" onclick='show_detail_modal(JSON.stringify(<?php echo json_encode($data);?>))' <i class="far fa-eye fa-sm"></i> </a>

 var str_data = JSON.stringify(data); var submit_type_text = $(form).find('button[type=submit]').text(); var tbl_id = main_form_id.replace('tabform', '')+'table'; var last_tr = $('#'+tbl_id).children('tbody').children('tr:last'); var last_tr_no_plus_one = parseInt($(last_tr).children('td:first').text())+1; var actions = '<a href="#" data-toggle="modal" data-target="a'+last_tr_no_plus_one +'"onclick=show_detail_modal('+str_data+') style="color: inherit;"><i class="far fa-eye fa-sm"></i></a>&nbsp;'; var last_td_of_last_tr = actions; var inputs = $(form).find('.input'); var tr_and_tds = '<tr>'; tr_and_tds += '<td>'+last_tr_no_plus_one+'</td>'; $.each(inputs, function(a, b){ tr_and_tds += '<td>'+$(b).val()+'</td>'; }); tr_and_tds += '<td>'; tr_and_tds += last_td_of_last_tr; tr_and_tds += '</td>'; tr_and_tds += '</tr>'; $('#'+tbl_id).append(tr_and_tds);

Observe que después del espacio en Nueva York convierte el resto de los datos en atributos