django 학습 의 ajax post 참조 2 가지 형식 인 스 턴 스
1.ajax 의 의미
Ajax 는 모두"Async Javascript And XML"이 라 고 부 릅 니 다.즉,비동기 적 인 자바 script 과 XML 입 니 다.이것 은 일종 의 호칭 으로 특정한 기술 을 가리 키 지 않 고 정확하게 말 하면 일련의 기술 의 집합 이다.현재 모든 무 리 셋 작업 은'Ajax'라 고 불 린 다.
2.ajax 를 사용 하 는 장점:
ajax 를 사용 하여 전체 페이지 데이터 의 갱신 을 피 할 수 있 고 대기 요청 시간 도 줄 여 사용자 체험 을 향상 시 켰 습 니 다.
2.ajax 전 삼 의 두 가지 형식
다음 양식 이 있다 고 가정 하면 이 양식 들 을 ajax 로 전송 하 는 방식 으로 배경 에 전달 해 야 합 니 다.어떻게 해 야 합 니까?
ajax 전 삼 의 형식 이$.post("주소",인자,function(반환 값){}인 것 을 알 고 있 습 니 다.이 형식 으로 전 삼 을 하 는 방법 은 다음 과 같은 두 가지 가 있 습 니 다.
방법 1:폼 의 일부 필드 제출
사용자 이름,비밀번호 등 을 가 져 와 사전 으로 연결 할 수 있 습 니 다.
예:
{‘username':username,‘password':password,‘csrfmiddlewaretoken':csrf}
혹시
{‘username':username‘}
혹시
{‘password':password}
csrf 는 크로스 오 버 공격 을 예방 하 는 내용 입 니 다.
다음은 코드 에서 어떻게 실현 되 는 지,아래 표 시 된 코드 에 중점 을 두 고 살 펴 보 겠 습 니 다.
{# 🌈ajax #}
{# 🌈게시 물 제출\#}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> </title>
{# jquery #}
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
<body>
<form ation="" method="post">
{# #}
{% csrf_token %}
:<input type="text" name="username"><br>
:<input type="text" name="password"><br>
<!-- {# #}-->
<!-- <input type="submit">-->
<!-- {# ajax #}-->
<input type="button" value=" " id="button">
</form>
</body>
</html>
<script>
{# 🌈ajax #}
$("#button").click(function(){
username = $("[name='username']").val();
password = $("[name='password']").val();
csrf = $("[type='hidden']").val();
console.log(username,password,csrf);
{# 🌈post #}
{# $.post(" ",{ },function( ){}) #}
$.post("/user/register/",{'username':username,'password':password,'csrfmiddlewaretoken':csrf},function(data){
console.log(data)
})
});
</script>
방법 2:폼 의 모든 필드 제출console.log($(“form”).serialize()
serialize 는 폼 의 필드 를 정렬 하여 get 요청 문자열 형식 으로 만 들 고 매개 변수 로 배경 에 전달 합 니 다.주의해 야 할 것 은 방법 1 리 처럼 매개 변 수 를 전달 하고 싶 은 대로 매개 변 수 를 전달 할 수 없 으 며,폼 의 모든 필드 가 요청 한 문자열 형식 으로 받 아들 여 집 니 다.
다음은 코드 에서 어떻게 실현 되 는 지,아래 표 시 된 코드 에 중점 을 두 고 살 펴 보 겠 습 니 다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> </title>
{# jquery #}
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
<body>
<form ation="" method="post">
{# #}
{% csrf_token %}
:<input type="text" name="username"><br>
:<input type="text" name="password"><br>
<!-- {# #}-->
<!-- <input type="submit">-->
<!-- {# ajax #}-->
<input type="button" value=" " id="button">
</form>
</body>
</html>
<script>
{# 🌈ajax #}
$("#button").click(function(){
console.log($("form").serialize());
{# 🌈post #}
{# $.post(" ",{ },function( ){}) #}
$.post("/user/register/",console.log($("form").serialize()),function(data){
console.log(data)
})
});
</script>
총결산django 학습 의 ajax post 인삼 에 관 한 이 글 은 여기까지 소개 되 었 습 니 다.더 많은 django 의 ajax post 인삼 내용 은 우리 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 찾 아 보 세 요.앞으로 많은 응원 바 랍 니 다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Javascript Ajax에 대한 간단한 연습저는 약 4년 동안 프로그래밍 개인 튜터로 일한 경험이 있습니다. 약 5년 전에 " "이라는 제목의 페르시아어로 내 웹사이트에 블로그 게시물을 올렸고 사람들이 저에게 전화하기 시작했습니다. 나는 항상 사람들을 가르치...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.