Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.04.2014, 16:58
Новичок на форуме
Отправить личное сообщение для RageXL Посмотреть профиль Найти все сообщения от RageXL
 
Регистрация: 09.09.2013
Сообщений: 9

Ajax get запрос
Делаю систему добавления друзей. На данном этапе все работает, но хотелось бы реализовать все средствами ajax, чтобы запрос передавался и обрабатывался без перезагрузки страницы.

Отправка параметров:

<a href='actions.php?action=send&user=$user_id' id='send' class='box'>Send friend request</a>

Скрипт добавления actions.php:

$action = $_GET['action'];
$my_id = $_SESSION['id'];
$user_id = $_GET['user'];

    if ($action == 'send') {
        $mysqli->query("INSERT INTO friends (friend_one,friend_two) VALUES ('$my_id','$user_id')");
        header('Refresh: 0; http://localhost/lc/messages?id='.$user_id);
    }

Помогите составить ajax запрос
Ответить с цитированием
  #2 (permalink)  
Старый 08.04.2014, 17:08
Аватар для nice_try
Профессор
Отправить личное сообщение для nice_try Посмотреть профиль Найти все сообщения от nice_try
 
Регистрация: 11.12.2013
Сообщений: 313

выложи свои попытки
Ответить с цитированием
  #3 (permalink)  
Старый 08.04.2014, 17:33
Новичок на форуме
Отправить личное сообщение для RageXL Посмотреть профиль Найти все сообщения от RageXL
 
Регистрация: 09.09.2013
Сообщений: 9

В принципе вот так вот работает, только не знаю как сделать обновление блока, чтобы кнопка менялась с "добавить" на "отправлено"

$("#send").click(function() {
var user = <?php echo "$user_id";?>; 
 $.ajax({
  url: 'actions.php?action=send&user='+user,
  success: function(data) {
    if(data == 'good'){
        $("#user-page").html(data).fadeIn('fast');
    }else{
    $("#user-page").html(data).fadeIn('fast');
    }
  }});
});
Ответить с цитированием
  #4 (permalink)  
Старый 08.04.2014, 17:40
Аватар для deivan
Профессор
Отправить личное сообщение для deivan Посмотреть профиль Найти все сообщения от deivan
 
Регистрация: 02.08.2012
Сообщений: 293

чтобы кнопка сменила текст, можно так (добавить после 7й строчки):
$("#send").val("отправлено");
Ответить с цитированием
  #5 (permalink)  
Старый 08.04.2014, 18:52
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Сообщение от RageXL
В принципе вот так вот работает
Зачем ты повторяешься? Делай так:

$("#send").click(function() {
 var $link = $(this);
 $.ajax({
  url: this.href,
  success: function(data) {
    if(data == 'good'){
        $link.html('Отправлено');
        $("#user-page").html(data).fadeIn('fast');
    }else{
    $("#user-page").html(data).fadeIn('fast');
    }
  }});
});
__________________
В личку только с интересными предложениями
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Ajax запрос на ютуб masterdle Элементы интерфейса 2 16.07.2013 15:32
AJAX запрос в Internet Explorer срабатывает через раз nikolayseo jQuery 5 13.11.2012 00:13
Как можно кешировать Ajax запрос ? saturn AJAX и COMET 5 27.10.2012 14:48
Синхронный запрос данных по AJAX Shasoft AJAX и COMET 2 03.03.2009 14:07
ajax запрос с подгружемным js HelpeR AJAX и COMET 1 27.10.2008 12:44