jquery ajax возвращает проблему с атрибутами

Question

Я отвечаю на запрос ajax с помощью файла js.

$('#liststudents').html("<button>Duzenle</button> 24 Name Surname<br/>");

и проблема возникает, если я пытаюсь использовать ЛЮБУЮ НЕДВИЖИМОСТЬ, например,

$('#liststudents').html("<button class="">Duzenle</button> 24 Name Surname<br/>");
$('#liststudents').html("<button href="">Duzenle</button> 24 Name Surname<br/>");

любой из этих сбоев, но я не понимаю, почему?

Answer 1

Я думаю, это из-за " внутри вашей строки.Попробуйте это:

$('#liststudents').html("<button class=''>Duzenle</button> 24 Name Surname<br/>");
$('#liststudents').html("<button href=''>Duzenle</button> 24 Name Surname<br/>");

С

"<button class="">Duzenle</button> 24 Name Surname<br/>"

Строка это:

"<button class="

, потому что последний " "завершает" строку.И это приведет к ошибке.

Answer 2

Вы, кажется, смешиваете эти двойные кавычки.И эти два утверждения кажутся излишними, поскольку второе перезаписывает работу первого.Попробуйте вместо этого:

$('#liststudents').html('<button href="">Duzenle</button> 24 Name Surname<br/>');

или даже лучше:

$('#liststudents')
    .empty()
    .append($('<button/>').attr('href', '').text('Duzenle'))
    .text('24 Name Surname')
    .append('<br/>');

И, кстати, тег <button> не имеет атрибута hrefпоэтому вам может потребоваться адаптировать это, если вы хотите правильную разметку.

Answer 3

Чтобы в выводе появилась кавычка, вам нужно экранировать их символом \, например

$('#liststudents').html("<button class=\"\">Duzenle</button> 24 Name Surname<br/>");

Answer 4

Поскольку вы используете " в качестве разделителя JS, ваш контент не может содержать ".

$('#liststudents').html('<button class="">Duzenle</button> 24 Name Surname<br/>');
$('#liststudents').html('<button href="">Duzenle</button> 24 Name Surname<br/>');

Если ответ приходит от Rails, используйте escape_javascript помощник.

$('#liststudents').html('<%= escape_javascript(@variable) %>');