2016-04-01 32 views
0

Ön uç kodunun bir tuşa tıklandığında, istemci tarafında sahip olduğum bir haritayı doldurmak için düğüm sunucusundan belirli verileri almam gerekiyor. "http://localhost:8080/"Sunucu nodejs dosyasından veri isteme butonuna tıklayın

sunucudan istemek için benim kod şöyle görünür: Bu harita görüntülenir

<div id="heatmap"> 
     <input name="heatit" type="submit" value="Heat up!"> 

     <script> 
      $("#heatit").click(function(){ 

       $.ajax({ 
        url:"/heatmap", 
        type: "POST", 
        success: function(result) { 
         console.log("hi"); 
        }     
        }); 
       }); 

      </script> 
    </div> 

Ve bu benim sunucu tarafı kod şudur:

app.post('/heatmap', function(req, res) { 

    console.log("hey"); 
    res.send(densityList); 

}); 

ben tıklayın "Isınma!", Hiçbir şey olmuyor, tarayıcı konsolunu incelediğimde istek gönderilmiyor ve ayrıca herhangi bir günlük çıkışı elde edemiyorum.

Arka uç verilerinin ön tarafa nasıl ulaşılacağını bana söyleyen herkes ön uç sayfasını dinamik olarak değiştirebilir mi?

cevap

3

Scriptiniz aranmıyor, girişiniz heatit olarak adlandırılıyor, ancak jQuery'niz heatit kimliğine sahip bir şey için bir şeyler dinliyor.

<input id="heatit" name="heatit" type="submit" value="Heat up!"> 

size tıklama işleyicisi değiştirebilir aynı Html'nizi tutmak istiyorsanız: yazabilmek için düzeltmeyi gerçekleştirmek vermedi

$('input[name=heatit]').on('click', function(){ 
    //your code 
}) 
+0

sayesinde html'nizin o id ayarı ve oradan çıkmayı deneyin . Sunucu cevabı gönderdiğinde, sonuç ajax 'başarı işlevi tarafından yakalanmalıdır. Bunu kaydetmeye çalışıyorum ama hiçbir şey alamıyorum. – newenthusiast

+0

Ayrıca, bu son noktaya "POST" yapmam gerektiğini ve 404 döndürdüğünden "GET" yapmamam gerektiğini fark etmemiştim. – newenthusiast

İlgili konular