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 인삼 내용 은 우리 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 찾 아 보 세 요.앞으로 많은 응원 바 랍 니 다!

좋은 웹페이지 즐겨찾기