728x90 ajax4 [javascript] Form data를 json 객체로 저장하는 법 참고 사이트 javascript : FormData (HTML5 개체)를 JSON으로 변환하는 방법 HTML5에서 항목을 어떻게 변환합니까?폼 다타JSON의 개체? 해결책은 jQuery를 사용하지 않아야합니다. 또한 단순히 전체를 직렬화해서는 안됩니다폼 다타개체,하지만 키 /값 항목 만. www.python2.net ajax로 formData를 보낼때 json 객체로 바꿔서 보내고 싶다면?! var object={}; //formData를 json 객체로 바꿔줌. formData.forEach(function(value,key){ object[key]=value; }); console.log(JSON.stringify(object)) $.ajax({ type: "POST", url: 'do_select_.. Front-End/Javascript 2022. 9. 7. [HTML] form을 ajax로 submit 할 때 새로고침 방지 django 문제 상황) js파일에 전역변수를 두고, 함수 실행마다 전역변수의 값을 바꿔주는 식으로 버튼 눌리는 순서를 제어하고 싶었음 form 태그의 onsubmit으로 자바스크립트 함수를 호출하고, 해당 js 함수에서 view 함수로 ajax를 통해 보냈더니 화면이 새로고침 되어 js 파일의 전역변수 값이 계속 초기 설정 값으로 바뀜!!!!!!!!!!! 으악 해결) onsubmit으로 두었던 자바스크립트 함수를 submit 버튼의 onclick으로 변경하고, form 태그의 onsubmit은 다음과 같이 변경 ! onsubmit="return false;" Front-End/HTML 2021. 1. 27. [JavaScript] 업로드한 파일 확장자 검사 자바스크립트 정규표현식 사용! // 아래 csv|tsv 부분만 원하는 확장자로 수정하면 됨 if (!/\.(csv|tsv)$/i.test($("#dataFile")[0].files[0].name)){ return false; } function data_create() { var form = $("#upload_form")[0]; var formData = new FormData(form); data_file=$('#dataFile').val() if(data_file==""){ //파일이 없을 때 alert('Please upload your file'); return false; }else if(!/\.(csv|tsv)$/i.test($("#dataFile")[0].files[0].name)) { /.. Front-End/Javascript 2021. 1. 11. [Django] ajax를 통한 form 데이터 submit html 코드) {% csrf_token %} Select Type Classification Regression Clustering 설명) form 태그에 id를 주고, var form = $("#adm_algo")[0]; var form_data = new FormData(form); 위와 같이 FormData를 생성한 다음 append를 통해 input 값들을 넣어준다. ajax의 data로 FormData를 넘겨주면 끝! 자바스크립트 코드) function insert_algorithm() { var form = $("#adm_algo")[0]; var form_data = new FormData(form); img_file = $("#img_file").val() al_name = $("#al_.. Back-End/Django 2021. 1. 7. 이전 1 다음 728x90