const xhr = new XMLHttpRequest(),
method = "GET",
url = "https://developer.mozilla.org/";
xhr.open(method, url, true);
xhr.onreadystatechange = function () {
// In local files, status is 0 upon success in Mozilla Firefox
if(xhr.readyState === XMLHttpRequest.DONE) {
var status = xhr.status;
if (status === 0 || (status >= 200 && status < 400)) {
// The request has been completed successfully
console.log(xhr.responseText);
} else {
// Oh no! There has been an error with the request!
}
}
};
xhr.send();
//출처
//https://wiki.developer.mozilla.org/ko/docs/Web/API/XMLHttpRequest/onreadystatechange
이 방법은 XHR을 선언하면서 이벤트 등록을 통해 해당 xhr의 이벤트롤 콘솔로 감시할수 있습니다.
send(body) request를 서버에 보냅니다. Document, Blob, BufferSource, FormData, URLSerchParams, USVString 등이 포함될 수 있습니다.
setRequestHeader(header, value) request header의 값을 지정합니다. open 과 send 사이에 call해야하며, 여러번 call할시에는 기존의 header's content에 더해지게 됩니다.
Example
에서 Jquery를 이용한 ajax를 XMLHttpRequest로 바꿔보겠다.
//Jquery
id = $("#user_id").val();
$.ajax({
url: 'ID_Check',
type: 'POST',
dataType: 'text', //서버로부터 내가 받는 데이터의 타입
contentType : 'text/plain; charset=utf-8;',//내가 서버로 보내는 데이터의 타입
data: id ,
success: function(data){
if(data == 0){
console.log("아이디 없음");
alert("사용하실 수 있는 아이디입니다.");
}else{
console.log("아이디 있음");
alert("중복된 아이디가 존재합니다.");
}
},
});
USE BBS;
CREATE TABLE IF NOT EXISTS bbs(
bbs_id INT(10) NOT NULL AUTO_INCREMENT PRIMARY KEY,
bbs_title VARCHAR(32) NOT NULL,
bbs_content VARCHAR(1000) NOT NULL,
author VARCHAR(32) NOT NULL,
date DATETIME DEFAULT CURRENT_TIMESTAMP
);
BbsDto 생성
Dto 패키지 아래에 BbsDto를 생성해줍니다.
package com.app.app.Dto;
public class BbsDto {
private String bbs_id;
private String bbs_title;
private String bbs_content;
private String author;
private String date;
public String getBbs_id() {
return bbs_id;
}
public void setBbs_id(String bbs_id) {
this.bbs_id = bbs_id;
}
public String getBbs_title() {
return bbs_title;
}
public void setBbs_title(String bbs_title) {
this.bbs_title = bbs_title;
}
public String getBbs_content() {
return bbs_content;
}
public void setBbs_content(String bbs_content) {
this.bbs_content = bbs_content;
}
public String getAuthor() {
return author;
}
public void setAuthor(String author) {
this.author = author;
}
public String getDate() {
return date;
}
public void setDate(String date) {
this.date = date;
}
}