Передача PHP через JQuery.Ajax Post & Changing html

Я пытаюсь создать стиль facebook как/в отличие от ссылки, и мне нужно передать некоторые PHP-переменные через JQuery. На данный момент я прохожу:Передача PHP через JQuery.Ajax Post & Changing html

<a class="likelink" href="like.php?id=****&username=****&type=****">Like</a>

Но хотя это работает это обновление страницы, и я хочу, чтобы сделать это свободно, как твиттер или Facebook, так что мне нужно передать идентификатор, имя пользователя и т.д. через JQuery .Ajax post. Может ли кто-нибудь сказать мне, как это возможно? Также я хочу, чтобы .likelink изменилась на В отличие.

Благодаря

источник

2013-07-13 user2516546

Вы могли бы сделать что-то вдоль линий:

$('.likelink').on('click', function(e){ 
    var $this = $(this); 
    $.get($this.attr('href'), function(){ 
    $this.addClass('liked').attr('href', unlikeLink).text('Unlike'); 
    }); 
    e.preventDefault(); 
});

источник

2013-07-13 16:59:53

Спасибо, Билл, но на данный момент меня больше интересует передача фактических переменных через пост JQuery. – user2516546

Если это уже в URL-адресе, вам это не нужно. Однако вы можете сделать $ .get (url, {id: '123', username: 'Bill', type: 'answer'}, successCallback); –

О, хорошо, я совершенно новичок в записи JQuery, но я использовал его для регистрационных форм, поэтому хотел использовать его здесь. Я не знал, что вы можете передать ссылку через сообщение JQuery. Есть ли какие-то проблемы с тем, как это сделать правильно, с полным примером кода, который вы знаете? – user2516546

использовать Ajax запрос для действия «как», а затем изменить класс в функции успех обратного вызова:

$('.likelink').on('click', function(e){ 
    e.preventDefault(); 
    $.ajax({ 
    url: 'like.php', 
    data: { 
     id: ***, 
     username: ****, 
     type: **** 
    }, 
    success: function() { 
     $('.likelink').removeClass('likelink').addClass('unlikelink'); 
    } 
    }); 
});

источник

2013-07-15 00:38:54 ponysmith

Передача PHP через JQuery.Ajax Post & Changing html

ответ

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