홈>
버튼이있는 장고 템플릿이 있습니다 :
<button type="submit" class="btn btn-primary" onclick="getRota()">Make Rota</button>
getRota () 함수는 아래 스크립트에서 정의되어 있습니다 :
<script>
function getRota() {
var startDate = $("input[name='rota_start']").val();
var endDate = $("input[name='rota_end']").val();
fetch(`{{ rota_url }}start=${startDate}&end=${endDate}`, {
method: "GET",
headers: {
"X-CSRFToken": getCookie("csrftoken"),
Accept: "application/json",
"Content-Type": "application/json"
}
})
.then(response => response.json())
.then(data => {
$("#rota_form").append(`<a href=${data.url} target="_blank">Text Rota</a>`);
});
}
</script>
이상한 점은 버튼을 누르면 페이지가 API 요청을하고 링크를 추가 한 다음 (지금까지는 모두 양호 함) 잠시 후 원래 페이지의 URL (api가 아닌)로 이동한다는 것입니다.
start=${startDate}&end=${endDate}
와 함께
(api url에서) 그것에 추가되었습니다 ...
이걸로 어디서 시작해야할지 모르겠어요 ...
- 답변 # 1
관련 자료
- python - Django 페이지 매김 템플릿 코드 에서 URL 링크가"? page ="로 시작하는 이유는 무엇입니까?
- python - 문자열에 지정된 장고 템플릿 변수 만 있는지 확인하십시오
- python - Django rest 프레임 워크에서"rest_frameworkpermissionsIsAuthenticated"사용하여 오류 401이 아닌 익명 사용자로 요청할 때 오류 500이 발생합니다
- python - Django 템플릿의 날짜 필터로 인해 양식 값이 사라짐
- css - django - 부트 스트랩에서 html 템플릿의 양식을 중앙에 배치하는 방법은 무엇입니까?
- 장고 템플릿 필터
- After web request, navigate to other view (async /await proper usage) - 웹 요청 후 다른보기로 이동하십시오 (async/a 올바른 사용법 대기)설레다, 다트
- python 3.x - CSRF 쿠키 설정 안 됨 오류, Django Rest Framework Request Factory
- python - Django 확인 양식을 사용자 정의하고 비밀번호 요청에서 보는 방법
- Django가 이메일 템플릿에서 사용자 이름을 요청하고 클릭 한 후 폴더를 수락하거나 거부하도록 객체를 이동하는 방법
- python - 장고 템플릿의 앵커 태그가 작동하지 않습니다
- python - django 함수에서 누락 된"요청"문제
- python - Django의 등록 양식은 요청 방법을 게시하지 않습니다
- 장고 템플릿 styntex {pcategory == "help"%} {% endif %}가 작동하지 않으면 %
- Django 뷰 템플릿은 모델 데이터를 표시 할 수 없습니다
- django 템플릿에서 jQuery Datepicker를 루프로 가져 오는 방법은 무엇입니까?
- ajax - 장고 - 템플릿 태그를 클라이언트에 비동기 적으로 전송할 수 있습니까?
- python - Django 템플릿에 이미지를 표시 할 수 없습니다
- Django 템플릿은 태그 및 템플릿 필터를 사용하여 json dict에서 데이터를 얻는 방법
- django 템플릿 렌더링 - 태그 사용과 뷰 사용
관련 질문
- javascript : Django는 jquery를 사용하여 텍스트 파일을 html 파일로로드합니다.
- javascript : 캔버스에서 개체를 회전하는 동안 키보드를 사용하여 총알을 360 * 쏘려면 어떻게합니까?
- Javascript /HTML5에서 Excel (XLS) 파일을 구문 분석하는 방법
- Django Template For Selection에서 동시에 두 테이블 반복-Python Django
- javascript : Onsen UI Tabbar 탭은 이전에 클릭했을 때 버튼으로 확인할 수 없습니다.
- javascript : 임의의 픽셀 위치를 생성하는 적절한 방법은 무엇입니까?
- javascript : 각 배열 요소의 첫 번째 단어를 굵게 표시
- javascript : Markdown에서 단어 밑줄을 만드는 방법
- javascript : 페이지의 모든 콘텐츠는 처음로드 할 때 표시되지 않고 새로 고침해야 작동합니다.
- javascript : 한 페이지에 2 개의 Django Form을위한 Google Captcha를 사용하는 방법
버튼에
type="submit"
가 있습니다 당신은preventDefault
를 호출하지 않습니다 이므로 양식의 일부가 제출됩니다. 이것은 아마도 당신이보고있는 것을 설명하지만 html 양식을 공유하지는 않지만 GET을 통해 제출하고start
를 가지고 있다고 생각합니다. 그리고end
필드.아약스를 통해 서버에 직접 제출할 양식이 필요하지 않은 것 같으므로 최소한 3 가지 간단한 수정 사항이 있습니다 :
type="button"
를 넣어type="submit"
대신 (와이즈 와이즈) 기본값이므로 생략 할 수 없습니다)양식을 완전히 제거하고 입력과 버튼 만 있으면됩니다
전화
submit
자바 스크립트로 이벤트에preventDefault