Показать сообщение отдельно
  #7 (permalink)  
Старый 15.09.2015, 15:14
Аспирант
Отправить личное сообщение для Elect Посмотреть профиль Найти все сообщения от Elect
 
Регистрация: 06.09.2015
Сообщений: 41

Сообщение от sanmihan Посмотреть сообщение
<html>
<head>
<title>{title}</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>
<div id="changestatusf">
<button  id="changestatus" onclick="changestatus()">Изменить</button>

</div>
<script>
    function changestatus(){
        var changestatusf = document.getElementById('changestatusf');
        changestatusf.innerHTML = "<form onsubmit='return SendComment(event)'  method='POST' action='' id='changes'><input type='text' name='changestatus' value='статус'></form>";
    }
 
    function SendComment(e) {
        e = e || window.event;
        e.preventDefault();
	alert("сабмит");
        $.ajax({
            url: "/id/",
            type: "POST",
            data: $('#changes').serialize(),
            success: function(response) {
              alert("Успех")
            },
            error: function(response) {
              alert("Ошибка")
            }
        });
         
        return false
    };
</script>
</body>
</html>


Может быть мы про разные формы говорим, у тебя на странице много разных форм.
Я имею ввиду первую,это смена статуса,По нажатию она становится полем и по нажатию enter должен отправится запрос и измениться сам статус,не обновляя страницу.
Ответить с цитированием