각 행에 '편집'버튼이있는 여러 행이있는 테이블이 있습니다. 이 버튼을 클릭하면 사용자는 세부 정보가 미리 채워진 양식으로 리디렉션해야합니다. 지금, 나는이 정의한 데이터는 '편집'버튼의 정의 내부 속성 : JQuery와, 나는 인 '이메일'데이터 속성의 값을 유도하고 /add-edit-user
에 POST 요청에 전달하고있어 사용Django : POST 매개 변수가있는 템플릿 반환
<a href='#' class="edit-user" data-email="[email protected]">edit</a>
: 내 폼 객체를 정의하고 내 템플릿 파일에 대한 컨텍스트 변수로 전달하는 데 노력하고있어 다음 뷰
$(".edit-user").click(function()
{
var url = base_url + '/add-edit-user/';
var data = {
'email': $(this).data('email'),
'csrfmiddlewaretoken': csrftoken,
};
// $.post(url, data);
$.post(url, data).done(function(result) {
console.log(result);
}).fail(function(error) {
console.log(error);
});
});
/add-edit-user
URL 맵 : 또한 내 양식이있는 페이지에 매핑
def add_edit_users(request):
form = AddUpdateForm(request.POST or None)
data = {'form': form}
return render(request, 'add_edit_users.html', data)
이제 사용자가 '수정'버튼을 클릭하면 데이터 속성에 '이메일'매개 변수를 설정하고 POST 요청에 /add-edit-user
URL로 전달하고 그 후에는 email
필드가 이미 채워진 양식을 표시하는 컨텍스트 변수로 양식 객체로 양식 템플릿을 렌더링합니다.
그러나 edit
링크를 클릭하면 페이지가 양식 페이지로 리디렉션되지 않지만 전체 양식 페이지의 HTML이 내 응답으로 표시됩니다. 입력 필드가 POST 변수에서 미리 채워지도록 양식의 템플릿으로 흐름을 리디렉션 할 수 있습니까? 추가/편집 사용자/ :
<form method='post' action='/add-edit-user/'>
{% csrf_token %}
<input type="email" name="email" value="[email protected]" hidden>
<button class="edit-user" type="submit">Edit</button>
</form>
이 양식은 URL에 POST 데이터의 이메일 필드의 값을 전송 :이 같은 양식을 작성하여 수행 할 수 있습니다 무엇을 달성하고자하는
아약스 게시물은 귀하를 리디렉션하지 않습니다. 숨겨진 이메일 필드가있는 양식을 만들려고 했습니까? 그런 다음 편집 버튼을 통해 제출하십시오. –
@AjmalNoushad 당신은 그것에 대해 더 자세히 설명 할 수 있습니까? 나는 그 흐름이 어떻게 될 것인지를 이해했는지 확신 할 수 없다. –
그래, 난 대답을 추가했습니다 –