JQuery 및 Ajax를 사용하여 django에 JSON 문자열 전달

쿨 원조

나는 Django를 처음 접했고 그것을 이해하려고 노력하고 있습니다. 현재 저는 네트워크 토폴로지 비주얼 라이저 (라우터와 스위치가 함께 연결된 경우)를 만들고 있습니다. 그것은 잘 작동하고 모든 데이터는 자바 스크립트 객체에 저장됩니다.

사용자가 버튼을 클릭 할 때이 자바 스크립트 개체를 django에 보내어 적절하게 구문 분석하고 처리 할 수 ​​있도록하고 싶습니다. 나는 많은 연구를했고 JSON 문자열을 POST하기 위해 JQuery와 ajax의 조합을 사용하는 유사한 구현을 발견했습니다. 이것은 현재 내 코드 중 일부입니다.

mainapp / urls.py

from django.conf.urls import include, url
from django.contrib import admin

urlpatterns = [
    url(r'^NetworkTopology/', include('OpenAutomation.NetworkTopology.urls')),
    url(r'^NetworkTopology/json/', include('OpenAutomation.NetworkTopology.urls')),
    url(r'^admin/', admin.site.urls),
]

NetworkTopology / urls.py

from django.conf.urls import url

from . import views

    urlpatterns = [
    url(r'^$', views.index, name='index'),
    url(r'^json/$', views.returnjson, name='returnjson'),
]

NetworkTopology / views.py

from django.http import HttpResponse
from django.shortcuts import render_to_response


def index(request):
    return render_to_response('index.html')


def returnjson(request):
    if request.is_ajax():
        request_data = request.POST
        print("Raw Data: " + request_data.body)
        return HttpResponse("OK")

JavaScript 기능 (JSON 반환 버튼 누름) :

function returnJsonTop(){
            $(document).ready(function() {
                $.ajax({
                    method: 'POST',
                    url: '/NetworkTopology/json',
                    dataType: 'json',
                    data: JSON.stringify(nodes.get(),null,4),
                    success: function (data) {
                         //this gets called when server returns an OK response
                         alert("it worked!");
                    },
                    error: function (data) {
                         alert("it didnt work");
                    }
                });
            });           
        }

내 인덱스 템플릿에서 눌렀을 때 returnJsonTop () 함수를 호출하는 버튼을 만들었습니다.

<button id="submitJson" onclick="returnJsonTop();">Deploy</button>

현재 배포 버튼을 누르면 오류를 처리하도록 설정된 '작동하지 않음'경고 만 표시됩니다. 여기에서 올바른 방향으로 나를 가리키는 누군가에게 정말 감사하겠습니다. 문제가 내 urls.py 파일에 있다고 생각하지만 행운없이 다양한 URL 조합을 시도했습니다.

쿨 원조

나중에 이것을 읽는 사람들을 위해 이것이 내가 한 일입니다.

mainapp / urls.py

from django.conf.urls import include, url
from django.contrib import admin

urlpatterns = [
    url(r'^NetworkTopology/', include('OpenAutomation.NetworkTopology.urls')),
    url(r'^admin/', admin.site.urls),
]

NetworkTopology / urls.py

from django.conf.urls import url

from . import views

urlpatterns = [
    url(r'^$', views.index, name='index'),
    url(r'^json/$', views.returnjson, name='returnjson'),
]

NetworkTopology / views.py

from django.http import HttpResponse
from django.shortcuts import render_to_response
from django.views.decorators.csrf import csrf_exempt


def index(request):
    return render_to_response('index.html')


@csrf_exempt
def returnjson(request):
    if request.is_ajax():
        request_data = request.POST
        print("Raw Data: " + str(request_data))
        return HttpResponse("OK")

403 오류가 발생하여 '@csrf_exempt'를 추가했습니다. 나중에 제대로 처리하기 위해 이것을 변경할 것입니다.

JSON 함수 반환 :

function returnJsonTop(){
            $.ajax({
                method: 'POST',
                url: '/NetworkTopology/json/',
                dataType: 'json',
                data: JSON.stringify(nodes.get(),null,4)
            });         
    }

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

JSON을 사용하여 PHP에서 AJAX 및 JQuery 자동 완성으로 여러 배열 전달

분류에서Dev

jQuery / ajax + JSON을 통해 ID 및 문자열 배열을 Spring MVC에 전달

분류에서Dev

JQuery 및 JSON을 사용하여 PHP에서 Javascript로 배열 전달

분류에서Dev

Jquery $ .ajax를 사용하여 json 데이터를 서블릿 (doPost)에 전달

분류에서Dev

CefSharp를 사용하여 C #에서 JS로 문자열 / JSON 전달

분류에서Dev

Node 및 Express를 사용하여 쿼리 문자열을 실제 문자열로 요청에 전달

분류에서Dev

jquery 및 Ajax를 사용하여 중첩 된 JSON 구문 분석

분류에서Dev

jquery $ .get을 사용하여 쿼리 문자열 매개 변수에 json을 전달하는 방법

분류에서Dev

Ajax를 사용하여 Json 변수 전달 및 디코딩

분류에서Dev

Swig를 사용하여 C에 numpy 문자열 배열 전달

분류에서Dev

ajax를 사용하여 컨트롤러의 객체에 문자열 전달

분류에서Dev

PHP AJAX Jquery를 사용하여 자바 스크립트 경고 및 메시지를 메인 페이지에 어떻게 전달할 수 있습니까?

분류에서Dev

PHP AJAX Jquery를 사용하여 자바 스크립트 경고 및 메시지를 메인 페이지에 어떻게 전달할 수 있습니까?

분류에서Dev

JavaScript / JQuery를 사용하여 AJAX를 통해 배열 전달

분류에서Dev

RESTSharp를 사용하여 JSON 문자열을 다른 API에 전달하는 방법은 무엇입니까?

분류에서Dev

JS 및 JQuery를 사용하여 AJAX에서 문자열 또는 HTML 온로드 교체

분류에서Dev

AJAX를 사용하여 jQuery와 C #간에 변수 전달 및 이벤트 수행

분류에서Dev

var를 사용하여 문자열을 정규식에 전달

분류에서Dev

Thymeleaf를 사용하여 Spring 웹 흐름에 문자열 전달

분류에서Dev

문자열 매개 변수를 jQuery에 전달하는 방법

분류에서Dev

jQuery 및 AJAX를 사용하여 JSON 파일에서 데이터로드

분류에서Dev

PHP 및 MySQL에서 문자열 값을 ajax에 전달하는 방법

분류에서Dev

jquery를 사용하여 단일 텍스트 상자 값을 ajax 호출에 전달

분류에서Dev

쿼리 문자열 MVC를 사용하여 뷰에 배열 전달

분류에서Dev

JQuery를 사용하여 $ .ajax URL 중간에 변수를 전달하는 방법

분류에서Dev

Jquery를 사용하여 문자열 찾기 및 계산

분류에서Dev

python 및 simple-salesforce를 사용하여 SOQL select 문에 변수 전달

분류에서Dev

char를 사용하여 fopen C에 문자열을 전달하는 방법

분류에서Dev

gcc 및 termios를 사용하여 uint8_t 배열을 Arduino에 전달

Related 관련 기사

  1. 1

    JSON을 사용하여 PHP에서 AJAX 및 JQuery 자동 완성으로 여러 배열 전달

  2. 2

    jQuery / ajax + JSON을 통해 ID 및 문자열 배열을 Spring MVC에 전달

  3. 3

    JQuery 및 JSON을 사용하여 PHP에서 Javascript로 배열 전달

  4. 4

    Jquery $ .ajax를 사용하여 json 데이터를 서블릿 (doPost)에 전달

  5. 5

    CefSharp를 사용하여 C #에서 JS로 문자열 / JSON 전달

  6. 6

    Node 및 Express를 사용하여 쿼리 문자열을 실제 문자열로 요청에 전달

  7. 7

    jquery 및 Ajax를 사용하여 중첩 된 JSON 구문 분석

  8. 8

    jquery $ .get을 사용하여 쿼리 문자열 매개 변수에 json을 전달하는 방법

  9. 9

    Ajax를 사용하여 Json 변수 전달 및 디코딩

  10. 10

    Swig를 사용하여 C에 numpy 문자열 배열 전달

  11. 11

    ajax를 사용하여 컨트롤러의 객체에 문자열 전달

  12. 12

    PHP AJAX Jquery를 사용하여 자바 스크립트 경고 및 메시지를 메인 페이지에 어떻게 전달할 수 있습니까?

  13. 13

    PHP AJAX Jquery를 사용하여 자바 스크립트 경고 및 메시지를 메인 페이지에 어떻게 전달할 수 있습니까?

  14. 14

    JavaScript / JQuery를 사용하여 AJAX를 통해 배열 전달

  15. 15

    RESTSharp를 사용하여 JSON 문자열을 다른 API에 전달하는 방법은 무엇입니까?

  16. 16

    JS 및 JQuery를 사용하여 AJAX에서 문자열 또는 HTML 온로드 교체

  17. 17

    AJAX를 사용하여 jQuery와 C #간에 변수 전달 및 이벤트 수행

  18. 18

    var를 사용하여 문자열을 정규식에 전달

  19. 19

    Thymeleaf를 사용하여 Spring 웹 흐름에 문자열 전달

  20. 20

    문자열 매개 변수를 jQuery에 전달하는 방법

  21. 21

    jQuery 및 AJAX를 사용하여 JSON 파일에서 데이터로드

  22. 22

    PHP 및 MySQL에서 문자열 값을 ajax에 전달하는 방법

  23. 23

    jquery를 사용하여 단일 텍스트 상자 값을 ajax 호출에 전달

  24. 24

    쿼리 문자열 MVC를 사용하여 뷰에 배열 전달

  25. 25

    JQuery를 사용하여 $ .ajax URL 중간에 변수를 전달하는 방법

  26. 26

    Jquery를 사용하여 문자열 찾기 및 계산

  27. 27

    python 및 simple-salesforce를 사용하여 SOQL select 문에 변수 전달

  28. 28

    char를 사용하여 fopen C에 문자열을 전달하는 방법

  29. 29

    gcc 및 termios를 사용하여 uint8_t 배열을 Arduino에 전달

뜨겁다태그

보관