2017-10-15 4 views
0

각 행에 '편집'버튼이있는 여러 행이있는 테이블이 있습니다. 이 버튼을 클릭하면 사용자는 세부 정보가 미리 채워진 양식으로 리디렉션해야합니다. 지금, 나는이 정의한 데이터는 '편집'버튼의 정의 내부 속성 : 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 데이터의 이메일 필드의 값을 전송 :이 같은 양식을 작성하여 수행 할 수 있습니다 무엇을 달성하고자하는

+0

아약스 게시물은 귀하를 리디렉션하지 않습니다. 숨겨진 이메일 필드가있는 양식을 만들려고 했습니까? 그런 다음 편집 버튼을 통해 제출하십시오. –

+0

@AjmalNoushad 당신은 그것에 대해 더 자세히 설명 할 수 있습니까? 나는 그 흐름이 어떻게 될 것인지를 이해했는지 확신 할 수 없다. –

+0

그래, 난 대답을 추가했습니다 –

답변

1

. 전자 메일 필드가 미리 채워진 URL로 리디렉션됩니다.

+0

어떻게하면 '/ add-edit-user'페이지에있는 양식으로이 이메일 값을 미리 채울 수 있습니까? –

+0

이 양식을 제출해 보셨습니까? 나는 당신이 요청을 통과 한 이후에 미리 채워질 것이라고 생각합니다. 폼에 대한 논의로서 포스 (POST). 양식의 작업 속성을보십시오 –

+0

예, 솔루션이 작동합니다. 감사! –