본문 바로가기

프로그램&DB/AJAX

[교육내용] JQuery Ajax 정리 (1) 게시물 작성 이전에 본 안내를 반드시 확인해주세요 저작권을 침해하는 게시물이나 미풍양속에서 벗어나는 게시물은 [임의 삭제] 될 수 있음을 양지해 주시길 바랍니다. 게시물 작성시 상단의 [KH정보교육원] 로고를 삭제하지 마시고 반드시 남겨두신 후에 작성완료해 주시길 바랍니다. (2) 파일을 업로드한 회원들과 검색하는 회원들이 쉽게 찾을 수 있도록 [글제목/하단의 태그]에 동일한 단어를 작성해주세요. (3) 게시물을 작성하신 후에는 본 안내 박스를 삭제처리 하셔도 무방합니다. 감사합니다. JQuery에서 Ajax 1. $.load() $.load 는 jQuery 가 지원하는 가장 간단한 커맨드로 특정 페이지를 읽은 결과로 HTML을 얻도록 만들어 주는 역할 - $.load(url,parameters,.. 더보기
jQuery AJAX serializeArray() Method jQuery AJAX serializeArray() Method jQuery AJAX Methods Example Output the result of form values serialized as arrays: $("button").click(function(){ x=$("form").serializeArray(); $.each(x, function(i, field){ $("#results").append(field.name + ":" + field.value + " "); }); }); Try it yourself » Definition and Usage The serializeArray() method creates an array of objects (name and value) by serial.. 더보기
jQuery AJAX serialize() Method jQuery AJAX serialize() Method jQuery AJAX Methods Example Output the result of serialized form values: $("button").click(function(){ $("div").text($("form").serialize()); }); Try it yourself » Definition and Usage The serialize() method creates a URL encoded text string by serializing form values. You can select one or more form elements (like input and/or text area), or the form element itself.. 더보기
jQuery AJAX $.post() Method jQuery AJAX post() Method jQuery AJAX Methods Example Change the text of a div element using an AJAX POST request: $("input").keyup(function(){ txt=$("input").val(); $.post("demo_ajax_gethint.asp",{suggest:txt},function(result){ $("span").html(result); }); }); Try it yourself » Definition and Usage The post() method is used to perform an AJAX HTTP POST request. Syntax $(selector).post(url,data,s.. 더보기
jQuery AJAX $.param() Method jQuery AJAX param() Method jQuery AJAX Methods Example Output the result of a serialized object: $("button").click(function(){ $("div").text($.param(personObj)); }); Try it yourself » Definition and Usage The param() method creates a serialized representation of an array or an object. The serialized values can be used in the URL query string when making an AJAX request. Syntax $.param(object,tra.. 더보기
jQuery AJAX load() Method jQuery AJAX load() Method jQuery AJAX Methods Example Change the text of a div element using an AJAX request: $("button").click(function(){ $("div").load('demo_ajax_load.txt'); }); Try it yourself » Definition and Usage The load() method loads data from a server using an AJAX request, and places the returned data into the specified element. Note: There is also a jQuery Event method called load. .. 더보기
jQuery AJAX $.getScript() Method jQuery AJAX getScript() Method jQuery AJAX Methods Example Get and run a JavaScript using an AJAX request: $("button").click(function(){ $.getScript("demo_ajax_script.js"); }); Try it yourself » Definition and Usage The getScript() method is used to get and execute a JavaScript using an AJAX HTTP GET request. Syntax $(selector).getScript(url,success(response,status)) Parameter Description url Re.. 더보기
jQuery AJAX $.getJSON() Method jQuery AJAX getJSON() Method jQuery AJAX Methods Example Get JSON data using an AJAX request, and output the result: $("button").click(function(){ $.getJSON("demo_ajax_json.js",function(result){ $.each(result, function(i, field){ $("div").append(field + " "); }); }); }); Try it yourself » Definition and Usage The getJSON() method is used to get JSON data using an AJAX HTTP GET request. Syntax $(.. 더보기