innerHTML

미해결질문
최선필 프로필

Uncaught TypeError: Cannot set property 'innerHTML' of null

at XMLHttpRequest. (form.html:30)

(anonymous) @ form.html:30

load (async)

sendAjax @ form.html:27

(anonymous) @ form.html:17

이런 오류가 나는데 어떤게 문제 일까요?

코드는 아래와 같습니다

<!doctype html>

email form

email:

ajaxsend

document.querySelector('.ajaxsend').addEventListener('click',function(){

var inputdata = document.forms[0].elements[0].value;

sendAjax('http://127.0.0.1:3000/ajax_send_email',inputdata);

})

function sendAjax(url, data){

var data = {'email' : data};

data = JSON.stringify(data);

var xhr = new XMLHttpRequest();

xhr.open('POST',url);

xhr.setRequestHeader('Content-Type',"application/json");

xhr.send(data);

xhr.addEventListener('load',function(){

var result = JSON.parse(xhr.responseText);

if(result.result != "ok")return;

document.querySelector(".result").innerHTML = result.email;

});

}

김기훈 프로필
김기훈 2018.07.09

<button class="ajaxsend">ajaxsend 버튼 밑에

<div class="result"> 하나 추가해주세요

지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스