Javascript.RU

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

обработка ответа после ajax
Помогите пожалуйста, есть некая форма с информацией, которая будет редактироваться:
<h2>Все мероприятия</h2>
		<?php 
		$sql = mysql_query("SELECT * FROM events ORDER BY id DESC ");
		echo "<div id=".event_row.">"; 
		while ($row = mysql_fetch_assoc($sql)) {	
		echo "<div class=".event_row.">"; 
		if($row[state]=='yes'){echo "<div id=".event._.$row[id]." class=".event."><a class=".event_title." href=".$row['link'].">".$row['title']."</a>";}
		else {echo "<div id=".event._.$row[id]." class=".event."><a class=".event_title.">".$row['title']."</a>";}?>
		<div id="updevent<?php echo $row[id];?>" class="hidden" style="opacity: 0;"> - изменения сохранены</div>
		<?php echo "<div class=".event_meta."><span class=".event_date.">Дата проведения: <b>".$row['date']."</b></span><span class=".event_palce.">Место проведения: <b>".$row['place']."</b></span></div>";?>
		<a class="editlink" id="edit<?php echo $row[id];?>" onclick="event_edit(<?php echo $row[id];?>); return false;" href="#">Редактировать</a>
		<a class="delete_link" id="delete<?php echo $row[id];?>" onclick="delete_event(<?php echo $row[id];?>); return false;" href="#">Удалить</a>
		<?php 
		echo"</div>";
		echo "</div>";?>
		<div style="display:none" id="event<?php echo $row[id];?>">
			<div class="event_edit_form">
				<div><input type="text" class="text" name="upd_title" placeholder="<?php echo $row['title']; ?>" /></div>
				<div><input type="text" class="text" name="upd_date" placeholder="<?php echo $row['date']; ?>" /></div>
				<div><input type="text" class="text" name="upd_place" placeholder="<?php echo $row['place']; ?>"/></div>
				<div><input type="checkbox" class="check" name="upd_state" value="yes" <?php if($row['state']==yes)echo "checked=".checked.""?> /> проведено?</div>
				<div><input type="text" class="text" name="upd_link" placeholder="<?php echo $row['link']; ?>" /></div>
				<div class="colorButton" style="float:left;"><button onclick="upd_event(<?php echo $row[id];?>); return false;">Сохранить</button></div>
				<div class="cancelButton"><button onclick="cancel_edit(<?php echo $row[id];?>); return false;">Отмена</button></div>
				<div id="download_img" style="display:none;"><img src="img/loading.gif" alt="" width="100" height="100" /></div>
			</div>	
		</div>
		<?php }
		echo "</div>";
		?>

и js:
function upd_event(eventID) {
	var a = document.getElementById("event_" + eventID);
	var b = document.getElementById("event" + eventID);
	var c = document.getElementById("updevent" + eventID);
	
	$('div#download_img').css('display', 'block');
	
	var title = $('input[name="upd_title"]').val();
	var date = $('input[name="upd_date"]').val();
	var place = $('input[name="upd_place"]').val();
	var link = $('input[name="upd_link"]').val();
	if($('input[name="upd_state"]').is(':checked')==true){
		var check = 'yes';
	} else {
		var check = 'no';
	}
		
	
	$.ajax({
          type:"POST",
          url:"edit_event.php",
          data: {title:title, date:date, place:place, check:check, link:link, eventID:eventID},
          cache: false,
          success: function(responce){ 
			$('div#download_img').css('display', 'none');
			a.style.display = "";
			b.style.display = "none";
			location.reload();
          }
      })
	c.style.opacity = "1";
}

Как можно правильно сделать ответ после ajax, чтобы без перезагрузки всей страницы обновилась информация? Я просто 1-ый раз пишу подобные вещи
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Обновление страницы после получения ответа от сервера potrashitel AJAX и COMET 9 24.02.2015 10:04
После события checked запустить ajax, выходит: Сначала ajax потом checked??? Андрей Лебедев Элементы интерфейса 0 09.02.2013 13:07
Обработка ответа после POST-запроса (jQuery - Ajax) battrack jQuery 6 29.07.2012 16:06
Обработка DOM после Ajax-запроса Игорь87 Общие вопросы Javascript 2 05.01.2011 19:23
Сохранение результата ajax запроса после нажатия 'back' gregOlsen AJAX и COMET 5 18.11.2009 12:23