728x90 JQuery7 [JQuery]제이쿼리 줍줍 jQuery 사용한다고 선언하기 첫 번째 방법은 API를 직접 다운받아 사용하는 방법입니다. 다운로드 주소 링크파일은 compressed(jquery.js), uncompressed(jquery.min.js) 두 가지가 존재하는데 압축된 것과 안된 것으로 배포할 때는 min파일(compressed)를 사용하는 것이 좋습니다. (용량차이) 두 번째 방법은 CDN을 이용하는 방법으로 위의 예제에서는 구글의 것을 사용했습니다. 세 번째 방법은 jquery에서 제공하는 최신 버전의 jQuery url입니다. 제이쿼리 사용방법 jQuery(document).ready(function(){ }); $(document).ready(function(){ }); $(function(){ }); 선택자 정규표현식 ^ : .. 2022. 3. 29. Uncaught TypeError: $(...).each(...).done is not a function 해결 .done부분 괄호를 제대로 못 닫고 엉뚱하게 닫아서 유발됨. Uncaught TypeError: $(...).each(...).done is not a function deleteById: function () { //let id = $("#id").val(); 아래 data부분 없애고 이렇게만 넣으면 - (1/3) $("input[name=no]:checked").each(function () { var no = $(this).attr("value"); console.log(no); $.ajax({ type: "DELETE", url: "/index/board/detail/" + no, data: JSON.stringify(no), }) .done(function (resp) { location.. 2022. 2. 22. jquery를 가져올때 (난 cdn) slim으로 가져왔다. ajax미지원 $.ajax is not a function(jQuery 에러) 웹/jQuery` 2020. 2. 26. 01:30 ajax를 사용해서 테스트를 해보는데 $.ajax is not a function 에러가 발생했다. 아래 스택오버플로우를 참고했다. https://stackoverflow.com/questions/18271251/typeerror-ajax-is-not-a-function TypeError: $.ajax(...) is not a function? I'm trying to create a simple AJAX request which returns some data from a MySQL database. Here's my function below: function AJAXrequest(ur.. 2022. 2. 22. $ajax의 Uri 변수 경로 아래와 같이 변수 경로를 줄땐 uri 속 데이터가 value값 안에 쌍따옴표로 감쌀게 아니라 아래처럼 없애서 보내야한다. function submitItem() { if (!validateItem()) { return; } let data = { title: $("#title").val(), categoryName: $("#categoryName").val(), }; uri = $("#saveCategoryURI").val(); console.log("data:", data); console.log("saveCategoryURI:", uri); $.ajax({ type: "POST", url: uri, data: JSON.stringify(data), contentType: "application/jso.. 2022. 2. 21. $ajax 공부 (url 주소 보낼땐 시큐리티 조심!//$ajax 통신법은 숙지!) 파싱에러난다. .js파일에서 보내는 데이터명과 달라도 파라미터 인자가 1개 일때는 json형태로 보내준다. 그럼 2개 일때는? 에러가 뜬다. .js파일에 let data = { query1: $("#query").val(), query2: $("#query").val(), }; 작성해줘도 @RequestBody String query1, @RequestBody String query2 로는 받을 수 없는 것 같다. dataType: "text", 으로 해줘도 마찬가지이다. function btn_headerSearch() { (query = $("#query").val()), console.log(query); $.ajax({ type: "POST", url: "/header/search", data: .. 2022. 2. 14. [ajax]데이터 전송(체크박스 데이터 등 배열 형태로 데이터 전송) https://ddulgi.tistory.com/24 [ajax]데이터 전송 화면전환 없이 데이터를 전송하기 위해 ajax를 사용하는 경우가 많다. 1. JSON 형태로 데이터 전송 1 2 3 4 5 6 7 8 9 $.ajax({ url: '데이터를 보낼 곳 url', type: 'form 태그의 method.. ddulgi.tistory.com 화면전환 없이 데이터를 전송하기 위해 ajax를 사용하는 경우가 많다. 1. JSON 형태로 데이터 전송 1 2 3 4 5 6 7 8 9 $.ajax({ url: '데이터를 보낼 곳 url', type: 'form 태그의 method 속성(post 또는 get)', data: {"변수1": "변수1의 값", "변수2": "변수2의 값"}, success: fun.. 2022. 2. 10. JQuery(생활코딩 편) jQuery - 소개 1. 엘리먼트를 선택하는 강력한 방법과 2. 선택된 엘리먼트들을 효율적으로 제어할 수 있는 다양한 수단을 제공하는 3. 자바스크립트 라이브러리 jQuery - wrapper https://www.youtube.com/watch?v=NonvqKoohKA&list=PLrCCNh6y7w2g6U7RX_v-TOefyRPiO32jT&index=3 래퍼 소개 래퍼를 쓰는 방법은 크게 2가지 방법 1. JQuery(selector, [context]) 2. JQuery(element) 1번째 예제 설명 $('ul.foo').click(funtion(){ $('li', this).css } this는 [컨텍스트]에 해당하고 this라 함은 자기 자기 즉 여기서는 $('ul.foo')을 일컫는다. 그.. 2022. 2. 7. 이전 1 다음 728x90
