반응형

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>json 파싱 결과</title>

<script type="text/javascript">

window.onload = function (){

loadJSONDoc('json.action');

};

function loadJSONDoc(url){

   if (window.XMLHttpRequest) {

       xmlhttp=new XMLHttpRequest();

   } else {

       xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

   }

   xmlhttp.open("GET",url,true);

   xmlhttp.send();

   xmlhttp.onreadystatechange=function(){

        if (xmlhttp.readyState==4 && xmlhttp.status==200) {

            xmlDoc=xmlhttp.responseText;

            var ar = JSON.parse(xmlDoc);

            var output="<ul id=goods>"

            for(var i=0; i<ar.length; i++){

            output +="<li>상품명:" + ar[i].title + " 원산지:"+ ar[i].manufacture+ " 가격:" + ar[i].price +"</li>";

            }

            output+="</ul>"

          document.body.innerHTML += output;

        }

   };

}

</script>


 


</head>

<body>

dddd

</body>

</html>










'Web개발 > JSP, Web' 카테고리의 다른 글

[JSP] javaseript 사용하기1  (0) 2014.11.18
[html / CSS] 사용하기  (0) 2014.11.18
[JSP] Mysql 과 jsp 파일로 접속하기  (0) 2014.11.18
[Mobile Web] Accordion  (0) 2014.11.18
[Mobile Web] Jquery Mobile1  (0) 2014.11.18
반응형

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>데이터 베이스 접속 확인</title>

</head>

<body>

<!-- 데이터베이스 사용을 위한 패키지 import -->

<%@ page import="java.sql.*" %>


<%

try{

Class.forName("com.mysql.jdbc.Driver");


//데이터베이스 접속

Connection con =

DriverManager.getConnection(

"jdbc:mysql://127.0.0.1:3306/db",

"id","password");

if(con !=null){

out.println("접속 성공");

con.close();

}else{

out.println("접속 실패");

}

}catch(Exception e){

out.println(e.getMessage());

}


%>



</body>

</html>

'Web개발 > JSP, Web' 카테고리의 다른 글

[JSP] javaseript 사용하기1  (0) 2014.11.18
[html / CSS] 사용하기  (0) 2014.11.18
[JSP] Json 파싱하기  (0) 2014.11.18
[Mobile Web] Accordion  (0) 2014.11.18
[Mobile Web] Jquery Mobile1  (0) 2014.11.18
반응형

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>모바일!!! 메인페이지</title>

<script type="text/javascript">

function move_1() {

location.href = 'allList.action';

}

</script>

</head>

<body>


<input type="button" value="데이터 가져오기" onclick="move_1()" />


</body>

</html>

20141014Accordion.zip


'Web개발 > JSP, Web' 카테고리의 다른 글

[JSP] javaseript 사용하기1  (0) 2014.11.18
[html / CSS] 사용하기  (0) 2014.11.18
[JSP] Json 파싱하기  (0) 2014.11.18
[JSP] Mysql 과 jsp 파일로 접속하기  (0) 2014.11.18
[Mobile Web] Jquery Mobile1  (0) 2014.11.18
반응형

<%@ page language="java" contentType="text/html; charset=EUC-KR"

pageEncoding="EUC-KR"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">

<title>제이쿼리 모바일</title>

<link rel="stylesheet"

href="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.css" />

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>

<script

src="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"></script>



</head>

<body>

<div data-role="page">


<div data-role="header">

<a href="#" data-icon="gear" class="ui-btn-left">Settings</a>

<h1>Mobile</h1>

<a href="#" data-icon="gear" class="ui-btn-right">Settings</a>

<div data-role="navbar">

<ul>

<li><a href="#" data-icon="home" data-theme="b">One</a></li>

<li><a href="#" data-icon="gear" data-theme="c">Two</a></li>

<li><a href="#" data-icon="grid" data-theme="d">Two</a></li>

<li><a href="#" data-icon="star" data-theme="e">Two</a></li>

</ul>

</div>

</div>




<div data-role="content">

<ul data-role="listview">

</li>

<li>북한</li>

<li>중국</li>

<li>일본</li>

</ul>

</div>

<div data-role="footer">

<h1>바닥글</h1>

</div>


</div>


</body>

</html>



20141013Mobileweb.zip


'Web개발 > JSP, Web' 카테고리의 다른 글

[JSP] javaseript 사용하기1  (0) 2014.11.18
[html / CSS] 사용하기  (0) 2014.11.18
[JSP] Json 파싱하기  (0) 2014.11.18
[JSP] Mysql 과 jsp 파일로 접속하기  (0) 2014.11.18
[Mobile Web] Accordion  (0) 2014.11.18

+ Recent posts

티스토리툴바