hw_0804.zip[AJAX]
.load();
$('#mydiv').load('a.jsp');
- HTML 전용 ajax
$.getJSON('c.jsp', function (data) { /* data.forEach(function(v, i) {
})//javascript 함수 */ $.each(data, function (i, v) { //console.log(v.name, v.age); console.log(v.name); $('#mytable').append('<tr><td>'+v.name+'</td><td>'+v.age+'</td></tr></table>') })//jquery 함수 });//JSON 전용 AJAX |
n = $('#name').val();
a = $('#age').val();
data = {name:n, age:a};
/* data = {name:'김원정', age:23} */
$('#mydiv').load('b.jsp', data);
- b.jsp로 data 넘길 때
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script src="js/jquery-3.2.1.min.js"></script> <script> function fn() { //DataType : html //$('#mydiv').load('a.jsp'); datas = {name : '홍길동', age : 30}; option={type:'get', url:'b.jsp', data:datas, dataType:'html', success:sFn, error:errFn}; $.ajax(option);
//DataType : JSON //$.getJSON('c.jsp'); option = {type : 'get', url : 'c.jsp', dataType : 'json', success : sFn, error : errFn}; $.ajax(option);
//DataType : XML option = {type : 'get', url : 'my.xml', dataType : 'xml', success : sFn, error : errFn}; $.ajax(option); }
function sFn(data) { console.log(data); //DataType : XML /* $(data).find('student').each(function(i, v) { //.children().eq() 사용 //console.log($(v).children().eq(0).text()); //console.log($(v).children().eq(1).text());
//.find() 사용 //console.log($(v).find('sname').text()); //console.log($(v).find('age').text()); }); */ //mydiv.innerHTML = data; } function errFn(err) { mydiv.innerHTML = err; } </script> </head> <body> <div id="mydiv">표시</div> <button onclick="fn()">확인</button> </body> </html> |
include directive
include action
.parseXML()
data = $.parseXML(data);
- xml문자열을 xml객체로 변환해준다.
'SK고용디딤돌' 카테고리의 다른 글
| 직무교육 19일차(Bootstrap) (0) | 2017.08.08 |
|---|---|
| 직무교육 18일차(jQuery Mobile) (0) | 2017.08.07 |
| 직무교육 16일차(jQuery) (0) | 2017.08.03 |
| 직무교육 15일차(jQuery) (0) | 2017.08.02 |
| 직무교육 14일차(HTML5 API) (0) | 2017.08.01 |