ajax

  • ์ด ์ฃผ์ œ์—๋Š” 3๊ฐœ ๋‹ต๋ณ€, 2๋ช… ์ฐธ์—ฌ๊ฐ€ ์žˆ์œผ๋ฉฐ codingapple๊ฐ€ 4 ๋…„, 2 ์›” ์ „์— ์ „์— ๋งˆ์ง€๋ง‰์œผ๋กœ ์—…๋ฐ์ดํŠธํ–ˆ์Šต๋‹ˆ๋‹ค.
4 ๊ธ€ ๋ณด์ž„ - 1 ์—์„œ 4 ๊นŒ์ง€ (์ด 4 ์ค‘์—์„œ)
  • ๊ธ€์“ด์ด
    ๊ธ€
  • #16120

    ๋ฅ˜์„
    ์ฐธ๊ฐ€์ž

    ajax๋ฅผ ์ด์šฉํ•ด์„œ  ์„œ๋ฒ„์— ์‚ญ์ œ์š”์ฒญ์„   ํ•˜๋Š”๋ฐ  .done ํ•จ์ˆ˜์˜ ์ฝ”๋“œ๊ฐ€ ์‹คํ–‰์ด ์•ˆ๋ฉ๋‹ˆ๋‹ค..

     <script>
            $('.delete').click(function(e){
              $.ajax({
                method : 'DELETE',
                url : '/delete',
                data : { _id : e.target.dataset.id }
              }).done(function(๊ฒฐ๊ณผ){
                //ํŽ˜์ด์ง€๋ฅผ ๊ฐ•์ œ๋กœ ์ƒˆ๋กœ๊ณ ์นจํ•ด์ฃผ์„ธ์š”
                //์‚ญ์ œ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅธ <li>์š”์†Œ๋ฅผ ์ œ๊ฑฐํ•˜๊ธฐ
                  console.log('์„ฑ๊ณต');
              }).fail(function(){

              })
            });
          </script>

     

    app.delete('/delete',function(res,req){
      res.body._id = parseInt(res.body._id)
      //๊ฒŒ์‹œ๋ฌผ๋ฒˆํ˜ธ๋ฅผ ์ฐพ์•„์„œ ์‚ญ์ œ!
      db.collection('post').deleteOne(res.body, function(err,result){
        console.log('์‚ญ์ œ์™„๋ฃŒ');
        req.status(200).send({ message : '์„ฑ๊ณต'});
      })
    });

    ํ„ฐ๋ฏธ๋„์—์„œ ์ฝ˜์†”์€ ์ž˜ ์ฐํžˆ๋Š”๋ฐ ๊ฐœ๋ฐœ์ž๋„๊ตฌ์—์„œ ์ฝ˜์†”์ด ์•ˆ์ฐํžˆ๋„ค์š”.. ์›์ธ์„ ์•Œ ์ˆ˜ ์—†์–ด์„œ ์งˆ๋ฌธ๋“œ๋ฆฝ๋‹ˆ๋‹ค..ใ… ใ… 

     

     

    #16124

    codingapple
    ํ‚ค ๋งˆ์Šคํ„ฐ

    ์„œ๋ฒ„์—์„œ req.status(200).send('์–ด์ฉŒ๊ตฌ');

    ์ด๋ ‡๊ฒŒ ๋ณด๋‚ด๋ด…์‹œ๋‹ค

    ๊ทผ๋ฐ res, req ์ž‘๋ช… ์ˆœ์„œ๊ฐ€ req, res ์ˆœ์ด ์ผ๋ฐ˜์ ์ž…๋‹ˆ๋‹ค 

    #16175

    ๋ฅ˜์„
    ์ฐธ๊ฐ€์ž

    app.delete('/delete',function(req,res){
      res.body._id = parseInt(res.body._id)
      //๊ฒŒ์‹œ๋ฌผ๋ฒˆํ˜ธ๋ฅผ ์ฐพ์•„์„œ ์‚ญ์ œ!
      db.collection('post').deleteOne(res.body, function(err,result){
        console.log('์‚ญ์ œ์™„๋ฃŒ');
        req.status(200).send('์„ฑ๊ณต');
      })
    });

     

     

          <script>
            $('.delete').click(function(e){
              const postNumber = e.target.dataset.id; 
              const deleteButton = $(this);
              $.ajax({
                method : 'DELETE',
                url : '/delete',
                data : { _id : postNumber }
              }).done(function(๊ฒฐ๊ณผ){
                
                  console.log('์„ฑ๊ณต');
                  deleteButton.parent('li').fadeOut();
              }).fail(function(xhr,code,err){
                console.log(xhr,code,err);

              })
            });
          </script>

     

    TypeError: Cannot read property '_id' of undefined

    ์ด๋Ÿฐ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค

    #16178

    codingapple
    ํ‚ค ๋งˆ์Šคํ„ฐ

    req.body._id = parseInt(req.body._id) 

    res.status(200)

    ์ž…๋‹ˆ๋‹ค ํŒŒ๋ผ๋ฏธํ„ฐ ์ด๋ฆ„ ๋ฐ”๊พธ์…จ์œผ๋ฉด ๊ด€๋ จ๋œ ๋ถ€๋ถ„๋„ ๋‹ค ๋ฐ”๊ฟ‰์‹œ๋‹ค 

4 ๊ธ€ ๋ณด์ž„ - 1 ์—์„œ 4 ๊นŒ์ง€ (์ด 4 ์ค‘์—์„œ)
  • ๋‹ต๋ณ€์€ ๋กœ๊ทธ์ธ ํ›„ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.

About

ํ˜„์žฌ ์›” 700๋ช… ์‹ ๊ทœ์ˆ˜๊ฐ•์ค‘์ž…๋‹ˆ๋‹ค.

  (09:00~20:00) ๋น ๋ฅธ ์ƒ๋‹ด์€ ์นดํ†ก ํ”Œ๋Ÿฌ์Šค์นœ๊ตฌ ์ฝ”๋”ฉ์• ํ”Œ (๋งํฌ)
  admin@codingapple.com
  ์ด์šฉ์•ฝ๊ด€, ๊ฐœ์ธ์ •๋ณด์ฒ˜๋ฆฌ๋ฐฉ์นจ
โ“’ Codingapple, ๊ฐ•์˜ ์˜ˆ์ œ, ์˜์ƒ ๋ณต์ œ ๊ธˆ์ง€
top

ยฉ Codingapple, All rights reserved. ์Šˆํผ๋กœ์ผ“ ์—๋“€์ผ€์ด์…˜ / ์„œ์šธํŠน๋ณ„์‹œ ๊ฐ•๋™๊ตฌ ๊ณ ๋•๋กœ 19๊ธธ 30 / ์‚ฌ์—…์ž๋“ฑ๋ก๋ฒˆํ˜ธ : 212-26-14752 ์˜จ๋ผ์ธ ๊ต์œกํ•™์›์—… / ํ†ต์‹ ํŒ๋งค์—…์‹ ๊ณ ๋ฒˆํ˜ธ : ์ œ 2017-์„œ์šธ๊ฐ•๋™-0002 ํ˜ธ / ๊ฐœ์ธ์ •๋ณด๊ด€๋ฆฌ์ž : ๋ฐ•์ข…ํ