2016-11-14 5 views
0

Я не могу понять, где проблема:Как выполнить Ajax-код, когда я нажимаю на ссылку?

здесь сценарий:

<script> 
$(".icross").click(function(e){ 
    e.preventDefault(); 

    var obj = $(this); 

    $.ajax({ 
    type: "GET", 
    url: "supprimer.php", 
    data: 'id=' + obj.attr('rel') 



success: function(html){ 

}, 

}); 
</script> 

и здесь HTML-код, связанный:

<a href="#" class="icross" title="Supprimer" rel="80"><i class="fa fa-times"></i></a> 

Я хочу Аякса выполнить Supprimer .php? id = 80, когда я нажимаю на ссылку, но она не работает.

+1

Определить, что «это не работает». Когда вы отлаживаете это, где/как конкретно это происходит? – David

+3

Похоже, что вы можете пропустить запятую после 'data: 'id =' + obj.attr ('rel')' – Gavin

ответ

3

Вы пропустили запятую после этой строки:

data: 'id=' + obj.attr('rel'), 
          ^

Кроме того, если вы не имеете сценарий тега, появляющийся после элемента, то вам нужна DOM готовой обертка:

$(function(){ 
    // code here 
}); 

Замечание: если у вас нет веских оснований, я рекомендую использовать объект данных, а не конкатенацию, потому что, передавая объект, jQuery будет обрабатывать URL-кодировку для вас.

data: { id: obj.attr('rel') }, 
+0

Запятые в конце объекта или массива разрешены и игнорируются (за исключением древних версий IE). – Barmar

+0

Спасибо @Barmar, обновлено – MrCode

Смежные вопросы