Kullanıcı girişine dayalı bir API çağrısı nasıl yapılır?

Kullanıcı, Gönder düğmesini tıkladığında böyle bir API'ye AJAX çağrısı yapmaya çalışıyorum. Kullanıcının bir metin kutusuna girdiği değeri alarak API çağrısı URL'sini oluşturmak istiyorum.Kullanıcı girişine dayalı bir API çağrısı nasıl yapılır?

<script type = "text/javascript"> 

$("#submit").click(function(){ 
    var stock = $("#stocks").val(); 
    var url = "http://dev.markitondemand.com/MODApis/Api/v2/Quote/jsonp?symbol=" + stock; 

$.ajax({ 
    url: url, 
    dataType: 'jsonp', 
    success: function(results){ 
     var status = results.Status; 
     var company = results.Name; 
     $('#results').append(status + '. Company is: ' + company); 
    } 
}); 

}); 

</script>

vücut

<body> 
    <input id="stocks" /> 
    <button type="submit" id="submit">Submit</button> 

    <div id="results"></div> 

</body>

$url iş veya yanlış bir şey yapıyorum Will, şöyle? İşte

Ben kodun bir kopyası üzerinde çalışıyorum ki - http://jsbin.com/pizoruxoyo/edit?html,output

kaynak

2016-04-01 Kemat Rochi

aslında yapmak size ne anlama geldiğini anlama Burada "iş", aynı zamanda kararınızı kodlayın, bu yüzden ne cevap vereceğini test edemezsiniz. En azından jQuery'de girdinin değerini almanın ve içeriği uygulamanın yolu olduğunu doğrulayabildiğimi, veri tipinde doğru yazım hatası olduğunu doğrulayabilirim. – Tran

Sorunu çözmenin bir yolu, tüm komut dosyasını document.ready() ile sarmak veya kodunuzu belirli bir ada sahip bir işleve dahil etmek ve daha sonra onlclick = "myFunction()" işlevini kullanarak işlevi çağırmaktır. düğmenin özelliği.

function loadDoc() { 
    var stock = $("#stocks").val(); 
    var url = "http://dev.markitondemand.com/MODApis/Api/v2/Quote/jsonp? symbol=" + stock; 

    $.ajax({ 
     url: url, 
     dataType: 'jsonp', 
     success: function(results){ 
      var status = results.Status; 
      var company = results.Name; 
      $('#results').append(status + '. Company is: ' + company); 
     } 
    }); 
};

Ve bu düğme işlevini çağırmak için kullanılacak görecektir: Burada

<button type="button" onclick="loadDoc()">Request data</button>

demo için bir link: http://jsbin.com/pohofegiko/edit?html,output

kaynak

2016-04-01 07:40:56

Teşekkür ederiz. Bu da yardımcı oluyor! –

belge hazır fonksiyonunda kodunuzu sarın ve sayfanın alt kısmında yerleştirin:

<script type = "text/javascript"> 
$(function(){ 
$("#submit").click(function(){ 
    var stock = $("#stocks").val(); 
    var url = "http://dev.markitondemand.com/MODApis/Api/v2/Quote/jsonp?symbol=" + stock; 
    console.log(stock); 
$.ajax({ 

    url: url, 
    dataType: 'jsonp', 
    success: function(results){ 
     var status = results.Status; 
     var company = results.Name; 
     $('#results').append(status + '. Company is: ' + company); 

    } 
}); 

}); 

}); 

</script>

demo here

kaynak

2016-04-01 06:38:51 madalinivascu

Tekrar teşekkürler. :) Takdir et onu! –

Kullanıcı girişine dayalı bir API çağrısı nasıl yapılır?

cevap

İlgili konular