inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Hiểu JavaScript phụ trợ thông qua phát triển web Node.js

Ajax 구현부분 질문입니다.(중간체크 진행중 발생, 검색창만들기)

Đã giải quyết

364

zjinsez3012

2 câu hỏi đã được viết

0

/html의 내부 script.

async function sendAjax (url, data){
       var data = {"search" : data}  //넘겨주는 data값 
       var dataInfo1 = {
                method : "POST",  //메소드 반드시 지정해줘야 app.js 파일에서 찾을수 있음.
                body : JSON.stringify(data),
                headers : {
                    "Content-Type" : "application/json"
                }
            };

        const res = await fetch(url, dataInfo1);    
        const result = await res.json();

        console.log(result);
        if(result.result === "ok"){
                console.log("2", result.search)
                document.querySelector(".showSearch").innerHTML = result.search;
        }
   }

위의 넘겨주는 data의 key 값을 "search-value" 로 변경하고 아래 주석처리한 값이 undefind으로 뜹니다(console.log("1",req.body."search-value"); //undefind)

//<app.js>

app.post('/search', (req, res)=>{
    // console.log("1",req.body."search-value"); //undefind
    console.log(req.body);
    var responseData1 = {'result' : 'ok', 'search' : req.body.search};
    res.json(responseData1);
})

responseData1의 두번째 키 값인 'search-value'로 하면 undefind으로 계속가져와서 결국 키값을 search로 바꿨는데요..

AJAX 통신할때 보내는 데이터의 키값을 작성해야하는 규칙이 있는건가요? 

nodejs express javascript

Câu trả lời 1

1

hanbrang


객체의 key값을 참조하시려고 할때  string 으로 적어주셔서 그러신거같아요. 
string으로 참조하시고 싶으시면 [ ] 를 써서 접근하시면 될거예요. 
그리고 js 에서 변수명은 camelcase 로 작성하셔야 합니다. ( 하이픈은 (-) 은 유효하지 않습니다. )

ex>
const obj = {};
obj.a = 'a';

// 참조시

console.log( ob.a ); // 'a'

console.log( ob['a'] ); // 'a'


// 정의시에는 camelcase 적용하기

obj.b-is = 'b'; // Uncaught ReferenceError: Invalid left-hand side in assignment
obj.bIs = 'b';

 

c오류 같은데,, 실행이 안돼요

0

316

1

Error: Failed to deserialize user out of session

0

360

0

넌적스 for 문 질문

0

200

0

deserializeUser가 호출이 되지 않습니다. undefined문제

1

643

2

Users 테이블을 만드는 sql 명령어를 좀

0

285

1

점점 사운드가 낮아지네여 ㅋㅋㅋㅋㅋ

0

166

0

쿼리 날릴때 불필요한게 있네요

0

187

0

바디 파서로 값이 들어올때

0

213

1

npm nodemon 관련 에러

0

243

0

어.... 소스코드를 어디서 찾을수 있을까요?

0

204

0

consloe.log 가 찍히지 않음

0

189

0

form.html:1 Access to XMLHttpRequest at 요런 요류

3

649

2

ejs 사용할 때 에러 나시는 분들 팁

0

706

0

과제 답안

0

199

0

모듈을 require하는 기준이 궁금합니다.

0

220

0

1분20초 부분에서 submit을 눌러도 반응이 없는데 어떤문제일까요???

0

417

1

git 올린 db자료

0

174

0

ejs를 사용하지 않아도 괜찮은가요?

0

481

0

약간 신기한 문제가 발생했습니다.

0

335

2

계속 undefind 가 뜹니다.

0

316

1

mysql 설치및 설정방법

4

217

0

form 에서 보낸게 서버측에서 읽지 못합니다..

1

283

2

Cannot read property 'email' of undefined

2

507

3

movie/list 화면의 css소스 부탁드립니다.

0

158

0