Почему ajax возвращает полную веб-страницу?

Question

Я работал с ajax и хотел найти ip-адрес хоста, используя ajax.

Вот мой код:

$.ajax({ 
    url: 'http://ipinfo.io', 
    type: 'GET', 
    data: '', 
    success: function(data) { 
    //called when successful 
    $('#ip').html(data); 
    }, 
    error: function(e) { 
    //called when there is an error 
    console.log(e.message); 
    } 
}); 

Здесь, ф является пустой DIV тег.

Когда я запустил веб-страницу, я получу полную страницу из ipinfo, когда мне нужен только клиентский ip. Может кто-нибудь, пожалуйста, скажите мне, что я делаю неправильно?

Answer 1

Как отмечалось, добавить /json к URL

затем внести изменения в код

$.ajax({ 
    url: 'http://ipinfo.io/json', <==== 
    type: 'GET', 
    dataType: 'json', // <==== 
    data: '', 
    success: function(data) { 
    //called when successful 
    $('#ip').html(data.ip); // <==== 
    }, 
    error: function(e) { 
    //called when there is an error 
    console.log(e.message); 
    } 
}); 

Answer 2

Добавить/json в конец запроса. Поэтому позвоните по телефону:

http://ipinfo.io/json 

Вы также можете попробовать форсировать json в качестве типа ответа.

Answer 3

Согласно the developer pages для ipinfo.io, они «делают немного магии», чтобы определить, запрашивается ли страница из сценария, и если да, то они дают ответ JSON вместо ответа HTML.

По-видимому, эвристика, которую они использовали, не удалась, поэтому мы хотим явно запросить версию JSON. Исправить это, чтобы вместо этого изменить ваш URL-адрес ajax на http://ipinfo.io/json, что заставит JSON-ответ.

---

Затем, вы можете получить ip поле из объекта следующим образом:

$.ajax({ 
    url: 'http://ipinfo.io/json', 
    type: 'GET', 
    data: '', 
    success: function(data) { 
    //called when successful 
    $('#ip').text(data.ip); 
    }, 
    error: function(e) { 
    //called when there is an error 
    console.log(e.message); 
    } 
}); 

Рабочая JSFiddle: http://jsfiddle.net/zoxeuqsy/