ajax
-
[jQuery] jQuery ajax사용방법Web/JQuery 2019. 8. 7. 15:43
ajax 사용방법 html 읽기 $('#bt').click(function(){//ajax 버튼 클릭 $.ajax({ //--응답페이지 요청이 필수 url: 'getData3.jsp'//요청 , success: function(result){ $('div').html(result); }// 성공시 콜백 //-- 데이터 전달 키, 벨류 , data: { name: $('[name=username]').val() , age: $('[name=age]').val() } , type:'POST' //HTTP요청방식 , dateType: 'html'//응답데이터 형식(text, html, xml, json) , error: function(xhr,status){//에러콜백 alert('서버에러!'); alert(..
-
[JavaScript] Ajax란? 비동기서버통신Web/JavaScript 2019. 7. 26. 19:52
JavaScript는 Ecma라는 표준을 따르고 있다. - HTML 문서 조작 - 유효성 검사 - function은 1급객체 Ajax (Asynchronous JavaScript and XML) - 서버데이터를 가져와서 문서 조작에 사용하는 것을 말한다. - 다른 페이지를 참조하는 것 - html과 자바의 통신을 담당하는 것 - XMLHttpRequest라는 객체로 서버에 필요한 데이터 요청 가능 - Text, Xml, HTML - 비동기 서버통신이다. - 핵심코드 동기 - 요청이 들어오면 순차적으로 실행 비동기 - 요청을 기다리지 않고 실행하는것 open함수- 요청의 초기화. GET/POST선택 send함수- post 웹서버 요청처리 (요청 응답시 시간이 지연된다) onreadystatechange -..