• 카테고리

    질문 & 답변
  • 세부 분야

    백엔드

  • 해결 여부

    미해결

innerHTML

18.06.24 23:42 작성 조회수 123

0

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;

});

}

답변 1

답변을 작성해보세요.

0

김기훈님의 프로필

김기훈

2018.07.09

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

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