Ajax, javascript 텀프 참고

ajax txt file

window.onload=function(){
    loadDoc('../data/person.txt',savePerson);
    personArray=new Array;
}
 
function loadDoc(url,cFunction){
    
    var xhttp;
    xhttp=new XMLHttpRequest();
    xhttp.onreadystatechange=function(){
        if(this.readyState == 4 && this.status==200){
            cFunction(this);
        }
    };
    xhttp.open("GET",url,true);
    xhttp.send();
}
function savePerson(xhttp){
    var str=xhttp.responseText.split("\n");
    for(var i=0;i<str.length;i++){
        var personInfo=str[i].split("|");
        personArray.push(new Person(str[0],str[1]));
    }
}
 

"../data/person.txt" -> admin|admin!0

loadDoc에서 "../data/person.txt"라는 파일에서 텍스트를 읽어온다
call에 성공하면 savePerson이라는 함수를 실행할 것
읽어온 텍스트들을 줄단위로 str에 배열형태로 저장
for문을 통해 한줄을 "|"로 split하여 personInfo라는 배열에 저장
personArray라는 사람 배열에 새로운 객체를 생성하여 push

reference : https://www.w3schools.com/js/tryit.asp?filename=tryjs_ajax_callback

javaScript 객체 생성, 생성자

var person={
    id:"",
    pw:""
};
 
var Person=function(id,pw){
    this.id=id;
    this.pw=pw;
}
 
var personArray=new Array;
 
personArray.push(new Person("A","1234");

- 객체
: name={ variable1 : ~~ , variable2 : ~~ };
변수의 구분은 쉼표로
변수의 이름에 띄어쓰기가 있으면 ""로 묶어주어야 함 , 마지막엔 세미콜론(;)

- 생성자
객체의 대문자, function(인자1, 인자2)
세미콜론 필요없음

- 객체 배열
배열은 new Array;로 생성
new Person("A", "1234");로 person객체 생성 후, 배열에 추가

 

javaScript 정규식 검사

function joinCheck(){
    var pattern1=/^([A-Za-z0-9]){6,15}$/i;
    var pattern2=/^.*(?=^.{8,15}$)(?=.*\d)(?=.*[a-zA-Z])(?=.*[!@#$%^&+=]).*$/i;
    var id=document.getElementById('id').value;
    var passwd=document.getElementById('passwd').value;
    var p1match=id.match(pattern1);
    var p2match=passwd.match(pattern2);
    if(id==" " || passwd==" " || !p1match || !p2match){
        var check = confirm("아이디 또는 패스워드의 입력양식을 체크해주세요");
    }
    else{
        document.getElementById('frm').submit();
    }
}

- 정규식 표현
: 표현은 기본적으로 /~~~/i 의 형태로
string.match(pattern)
으로 검사, 있으면 0이 아닌 숫자 반환