Как получить данные API, используя jquery ajax?

Question

Как получить данные API, используя jquery ajax?

5

В этом коде есть нормальное раскрывающееся меню, где у меня есть название города. Теперь, что я на самом деле хочу, когда я меняю любой город, а затем через 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>

Rudra 18 сен. 2018, в 07:46

Источник

0

Сайт, который вы пытаетесь запросить, кажется неработоспособным. ERR_CERT_COMMON_NAME_INVALID
CertainPerformance 18 сен. 2018, в 05:14
0

Покажите нам, что происходит на стороне PHP. Попробуйте var_dump($_POST); чтобы убедиться, что PHP получает данные.
IcedAnt 18 сен. 2018, в 05:14
0

1. Я не вижу никакой добавленной библиотеки jQuery.2 проверьте вкладку консоли вашего браузера, чтобы убедиться, что произошла какая-либо ошибка или нет? вместо alert(data); сделать console.log(data); и проверять поступающие данные или нет? (снова проверьте вкладку консоли браузера)
Alive to Die 18 сен. 2018, в 05:14
1

jsfiddle.net/qy4kfj0m/16 Mixed Content: The page at 'https://fiddle.jshell.net/_display/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://postalpincode.in/api/postoffice/noida'. This request has been blocked; the content must be served over HTTPS.
Mohammad 18 сен. 2018, в 05:15
0

Я сделал вам фрагмент, он должен работать - сайт также принимает GET, но не поддерживает HTTPS - я добавил для вас jQuery на случай, если это будет проблемой, но он не будет работать с сайта HTTPS
mplungjan 18 сен. 2018, в 05:15
2

если ваш сайт https , то попытка загрузить http адрес http ( http://postalpincode.in/api/postoffice/ ) не удастся
Sean 18 сен. 2018, в 05:16
0

@mplungjan, что если основная проблема для OP в том, что он не добавил библиотеку jQuery?
Alive to Die 18 сен. 2018, в 05:16
0

@AlivetoDie - это возможно - но теперь он знает
mplungjan 18 сен. 2018, в 05:17
0

@AlivetoDie Кроме того, мой Chrome фактически переключает http на https и получает недействительный сертификат: O
mplungjan 18 сен. 2018, в 05:18
0

Возможно, вам следует изменить API: data.gov.in/resources/locality-based-pincode-15th-feb February-2016/… quora.com/…
mplungjan 18 сен. 2018, в 05:31

Показать ещё 8 комментариев

Теги:

php

jquery

json

api

1 ответ

Ещё вопросы

Сайт, который вы пытаетесь запросить, кажется неработоспособным. ERR_CERT_COMMON_NAME_INVALID
Покажите нам, что происходит на стороне PHP. Попробуйте var_dump($_POST); чтобы убедиться, что PHP получает данные.
1. Я не вижу никакой добавленной библиотеки jQuery.2 проверьте вкладку консоли вашего браузера, чтобы убедиться, что произошла какая-либо ошибка или нет? вместо alert(data); сделать console.log(data); и проверять поступающие данные или нет? (снова проверьте вкладку консоли браузера)
jsfiddle.net/qy4kfj0m/16 Mixed Content: The page at 'https://fiddle.jshell.net/_display/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://postalpincode.in/api/postoffice/noida'. This request has been blocked; the content must be served over HTTPS.
Я сделал вам фрагмент, он должен работать - сайт также принимает GET, но не поддерживает HTTPS - я добавил для вас jQuery на случай, если это будет проблемой, но он не будет работать с сайта HTTPS
если ваш сайт https , то попытка загрузить http адрес http ( http://postalpincode.in/api/postoffice/ ) не удастся
@mplungjan, что если основная проблема для OP в том, что он не добавил библиотеку jQuery?
@AlivetoDie - это возможно - но теперь он знает
@AlivetoDie Кроме того, мой Chrome фактически переключает http на https и получает недействительный сертификат: O
Возможно, вам следует изменить API: data.gov.in/resources/locality-based-pincode-15th-feb February-2016/… quora.com/…

Praveen Kumar · Accepted Answer · 2018-09-18T06-25-00.000Z

Пожалуйста, проверьте ниже код

<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>

Ajax Called

<script>
    $(document).ready(function(){
        $("#city").change(function(){
            name = $(this).val();
            /*For PHP called is for Cross-Origin Request Blocked*/
            $.ajax({
               type:"GET",
               dataType: "json",
               data:{name: name},
               url:"test.php",
               success:function(data)
               {
                   alert('Get Success');
                   console.log(data);
               }
            });
        });
    });
</script>

Код файла PHP для запроса на перекрестный запрос заблокирован -

<?php 
$name_city = rawurlencode($_GET['name']);
$url = "http://postalpincode.in/api/postoffice/".$name_city;
$curl_handle=curl_init();
curl_setopt($curl_handle, CURLOPT_URL,"$url");
curl_setopt($curl_handle, CURLOPT_SSL_VERIFYPEER, false );
curl_setopt($curl_handle, CURLOPT_RETURNTRANSFER, true);
curl_setopt($curl_handle, CURLOPT_HEADER, false);
$postoffice_data = curl_exec($curl_handle);
curl_close($curl_handle); 
$postoffice_data = json_decode($postoffice_data);
echo json_encode($postoffice_data);
exit;
?>

Но я хочу знать, как получить данные после успеха. Я использую var myObj = $.parseJSON(data); myObj.PINCode; alert(data); console.log(data); который не работает.
@Rudra Обновить этот код в PHP-файле $postoffice_data = json_decode(json_encode($postoffice_data)); echo json_encode($postoffice_data);
Я получил решение @PraveenKumar. Большое спасибо за ответ