[MyPick31] 자바스크립트-파이썬 ajax 배열 전송-JSON.stringify(), json.loads()

ajax로 파이썬 서버에 배열 전송하기 - JSON.stringify(), json.joads()

베이스 필터링 기능을 만드는 중.
체크된 베이스를 배열에 넣어 ajax를 통해 파이썬 서버로 보내야 한다.

stackoverrun.com/ko/q/12236021 를 보고 공부했습니다. 감사합니다.
blog.naver.com/PostView.nhn?blogId=oihijkoh&logNo=220510265057&redirect=Dlog&widgetTypeCall=trueㅇ
에서 직렬화, 역직렬화를 보고 공부했습니다. 감사합니다.

👉 배열을 전송할 때는 json방식으로 serialize(직렬화), deserialize(역직렬화)하는 과정이 필요하다.
(왜? 배열도 객체이므로. 객체는 직렬화해서 전송해야 한다)

serialization 직렬화
: 객체를 쉽게 옮길 수 있는 형태로 변환하는 과정.
직렬화된 객체는 HTTP를 사용해 클라이언트-서버 간 옮길 수 있다.
deserialization 역직렬화
직렬화와 반대되는 기능. 직렬화된 객체를 재구성함.

 

(자바스크립트 - ajax)

JSON.stringify() 
: 객체를 json형식으로 serialize하는 자바스크립트 구문.

나는 아래와 같이 사용했다.

// script영역.
var checkedBases = [/*어떤 내용의 배열*/];

jQuery.ajaxSettings.traditional = true; // ajax로 배열 보낼때 필수 구문.
$.ajax({
    type: "POST",
    url: "/checkBase",
    data: {
        sendBases: [JSON.stringify({checkedBases: checkedBases})]
        },
    success: function (response) {
        if (response['result'] == 'success') {
        console.log(response['msg']);
    	}
    }
})

 

 

(파이썬)

json.loads()
: serialized 객체를 deserialize 하는 파이썬 구문.

나는 아래와 같이 사용했다.

import json

# ...

@app.route('/checkBase', methods=["POST"])
def checkBase() :
    sendBases = request.form["sendBases"]
    print(json.loads(sendBases))

    return (jsonify({'result': 'success', 'msg': "서버와 연결되었음-베이스"}))

print(json.loads(sendBases))로 서버에 출력되는 형태는 다음과 같다.

{'checkedBases': ['바닐라', '초콜릿', '과일']}

 

 

 

---

파이썬 복습..

 

딕셔너리 데이터 읽어올 때.
pythonstudy.xyz/python/article/205-JSON-%EB%8D%B0%EC%9D%B4%ED%83%80 를 참고했습니다. 감사합니다.
(json형식 읽어오는 방법도 나와있음) 

dict = {"name" : "bibi"}
name = dict['name'] 
# 변수 name은 'bibi' 가 된다.

 

파이썬 for문 오류 

TypeError: list indices must be integers or slices, not str
-> '리스트의 인덱스는 문자열이 아니라 정수여야한다.'

www.codeit.kr/community/threads/7 감사합니다.

파이썬 for문이랑 다른 언어 for문이랑 너무 헷갈린다ㅠㅠ

numbers = ['one', 'two', 'three', 'four', 'five']
    
for n in numbers:
    # print(number[n]) 이렇게 출력하는 게 아닌
    print(n) #으로 출력해야
    # 'one' 'two' .. 가 출력된다.

 

---

 

현재상태

- 체크된 base들을 배열에 담아 서버로 보내기 - 🆗
- cbaseArr, cbase1Arr 는 딕셔너리 형태로 만듦. - 🆗
- cbase2Arr는 만드는 중. 

 

할 일

- 딕셔너리가 아닌 리스트 형태로 cbaseArr, cbase1Arr, cbase2Arr를 만들어야겠다.
굳이 키:값 형태로 만들 필요도 없고 복잡하기만 하다.
파이썬이랑 다른 프로그래밍 언어랑 문법 헷갈린다..

hashcode.co.kr/questions/4118/%EC%9D%98-%EC%B0%A8%EC%9D%B4%EC%99%80-%EC%82%AC%EC%9A%A9%ED%95%B4%EC%95%BC-%ED%95%A0-%EA%B3%B3

() [] {}의 차이와 사용해야 할 곳

wikidocs.net/14리스트 자료형 - 점프 투 파이썬

위키독스

위 두 링크를 잘 읽어보며 Arr들을 단순화하자.