Много ajax-запросов на странице

Question

Много ajax-запросов на странице

Рейтинг: 0Ответов: 1Опубликовано: 10.09.2014

Решил на главной сделать кнопку "Добавить в избранное" для каждой новости без перезагрузки страницы.

Избранное - типа модуля на сайте.

Визуальный пример:

- Добавить в избранное (id1)
- Добавить в избранное (id2)
- Добавить в избранное (id3)
- Добавить в избранное (id4)

К каждой новости нужно аяксом приписывать функцию:

<script type="text/javascript">
$(function() {
$("#send").click(function(){
    var newsid = $("#newsid").val();            
    $.ajax({
        type: "POST",
        url: "favor.php",
        data: {"newsid": newsid},
        cache: false,                       
        success: function(response){...... и тд.

Получается плохой код. Можно ли с одним написанием одной функции выше отправлять разные данные? Ведь у всех кнопок "добавить в избранное" разные id. Как это применить? Что-то типа

...onclick="vote(5);"...
...function vote(i)...

Но как брать значения из name для отправки поста? Объясните подробнее.

javascript php ajax post

Источник: Stack Overflow на русском

Answer 1

▲ 1

Основы jQuery, как бы.

<button class="news" id="send1" value="1" type="button">В избранное новость 1</button>
<button class="news" id="send2" value="2" type="button">В избранное новость 2</button>
<button class="news" id="send3" value="3" type="button">В избранное новость 3</button>
<button class="news" id="send4" value="4" type="button">В избранное новость 4</button>

$('.news').click(function(){
    $.ajax({
        type: "POST",
        url: "favor.php",
        data: {"newsid": $(this).val()},......
});

Много ajax-запросов на странице

Ответы