如何使用jquery ajax获取api数据？

In this code I have a normal dropdown where I have some city name. Now, What I actually want when I change any city then through jquery I want to get json data in my alert box which is not working yet. I don't know why? So, How can I do this?

在这段代码中我有一个正常的下拉列表,我有一些城市名称。现在,当我改变任何城市然后通过jquery时我真正想要的是我想在我的警报框中获取json数据但尚未使用。我不知道为什么?那么,我该怎么办呢?

$(document).ready(function() {
  $("#city").change(function() {
    name = $(this).val();
    console.log(name);
    $.ajax({
      type: "POST",
      dataType: "json",
      data: {
        "name": name
      },
      url: "http://postalpincode.in/api/postoffice/" + name,
      success: function(data) {
        console.log(data);
      }
    });
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="city" id="city">
  <option value="">Select City</option>
  <option value="delhi">delhi</option>
  <option value="ghaziabad">ghaziabad</option>
  <option value="noida">noida</option>
  <option value="meerut">meerut</option>
</select>

更多相关文章

随机推荐