파이썬파일과 html 파일 사이에 정보교류를 통하여 서버에 결과값이 나타나게 되는데,

파이썬 파일과 html 파일 사이에 교류하는 방식이 아직 잘 이해가 안되서 질문드립니다.

@app.route('/diary', methods=['POST'])
def save_diary():
    title_receive = request.form['title_give']
    content_receive = request.form['content_give']

    doc = {
        'title':title_receive,
        'content':content_receive
    }

    db.diary.insert_one(doc)

    return jsonify({'msg': '저장 완료!'})
 
 이게 파이썬 파일이고,

$.ajax({
    type: "POST",
    url: "/diary",
    data: { title_give: title, content_give: content },
    success: function (response) {
        alert(response['msg'])
        window.location.reload()

 이게 ajax 코드인데 

 파이썬 파일에  title_receive = request.form['title_give'] 이렇게 쓴건 무엇을 의미하고  'title':title_receive, 이건 또 무엇을 의미하고 
  db.diary.insert_one(doc)

    return jsonify({'msg': '저장 완료!'}) 어떤 과정을 거쳐서 이런 결과값이 나오는건지 잘 이해가 되질않습니다.

 정보간에 어떤식으로 상호작용하는건지 다시한번만 설명 부탁드립니다.