세상에 가장 흐린 먹물도 가장 좋은 기억력보다 낫다.

예제하는 방법

https://jquery.com/download/ cnd 검색 후 <script src="//code.jquery.com/jquery-1.11.3.min.js"></script> 부분을 복사한다.

* 소스코드

ajaxExam02.html

<!DOCTYPE html>

<html>

<head>

<title>Insert title here</title>

</head>

<body>

<button>안녕 jquery</button>

이름을 입력하세요 : <input id="name" type="text"/>

$("button").click(function() {

$.ajax({

url : "GetUpdateSales?rnd="+Math.floor(Math.random()*999999),

type : "get",

data :"name="+$("#name").val(), // 데이터를 보낼 수도 있다 이게 그 부분이다.

success : function(data) {

$("#cc").text(data);

}

});

</script>

</body>

</html>

서블릿.

GetUpdateSales.java

package kr.ac.sku;

import java.io.IOException;

import java.io.PrintWriter;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

/**

* Servlet implementation class GetUpdateSales

public class GetUpdateSales extends HttpServlet {

private static final long serialVersionUID = 1L;

protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

// response.setContentType("text/html");

String name = request.getParameter("name");

PrintWriter out = response.getWriter();

out.print(name);

out.close();

}

실행화면

Q.12345 를 받을거면 ajax페이지내에서 그냥 쓰면 되는데 왜 서버를 갔다와야하나?

현재 예제는 너무 기본적인것이라 서버를 갔다오는게 손해 일 수도 있지만. 나중에는 응용이 가능하다.

저작자표시

'Program > JavaScript' 카테고리의 다른 글

JQuery란? (0)	2015.07.25
Ajax란? (0)	2015.07.25
자바스크립트1일차_계산기만들기 (0)	2015.07.25
자바스크립트1일차_텍스트상자채우기02 (0)	2015.07.24
자바스크립트1일차_텍스트상자채우기 (0)	2015.07.24

세상에 가장 흐린 먹물도 가장 좋은 기억력보다 낫다.

jQuery 기본예제(버튼이벤트)

'Program > JavaScript' 카테고리의 다른 글

티스토리툴바