Результаты от вызова AJAX/PHP не показываются при нажатии кнопки «Отправка» [Закрыто] ⇐ Php

[Anonymous]

Я изо всех сил пытаюсь выяснить, почему данные моих результатов не отображаются на моей веб -странице с вызова AJAX/PHP. Я почти уверен, что это как -то связано с кодированием в HTML и тем, как я пытаюсь вытащить данные из конечной точки API. Что -то не так или иначе ссылается, но я не могу понять, что. Пожалуйста, может кто-нибудь помочь?{
"log": {
"version": "1.2",
"creator": {
"name": "Firefox",
"version": "141.0.2"
},
"browser": {
"name": "Firefox",
"version": "141.0.2"
},
"pages": [
{
"id": "page_1",
"pageTimings": {
"onContentLoad": 63,
"onLoad": 65
},
"startedDateTime": "2025-08-07T13:30:42.628+01:00",
"title": "http://localhost:81/task/"
}
],
"entries": [
{
"startedDateTime": "2025-08-07T13:30:42.628+01:00",
"request": {
"bodySize": 0,
"method": "GET",
"url": "http://localhost:81/task/",
"httpVersion": "HTTP/1.1",
"headers": [
{
"name": "Host",
"value": "localhost:81"
},
{
"name": "User-Agent",
"value": "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:141.0) Gecko/20100101 Firefox/141.0"
},
{
"name": "Accept",
"value": "text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8"
},
{
"name": "Accept-Language",
"value": "en-GB,en;q=0.5"
},
{
"name": "Accept-Encoding",
"value": "gzip, deflate, br, zstd"
},
{
"name": "Connection",
"value": "keep-alive"
},
{
"name": "Upgrade-Insecure-Requests",
"value": "1"
},
{
"name": "Sec-Fetch-Dest",
"value": "document"
},
{
"name": "Sec-Fetch-Mode",
"value": "navigate"
},
{
"name": "Sec-Fetch-Site",
"value": "none"
},
{
"name": "Sec-Fetch-User",
"value": "?1"
}
],
"cookies": [],
"queryString": [],
"headersSize": 0
},
"response": {
"status": 200,
"statusText": "OK",
"httpVersion": "HTTP/1.1",
"headers": [
{
"name": "Date",
"value": "Thu, 07 Aug 2025 11:32:19 GMT"
},
{
"name": "Server",
"value": "Apache/2.4.58 (Win64) OpenSSL/3.1.3 PHP/8.0.30"
},
{
"name": "Last-Modified",
"value": "Thu, 07 Aug 2025 11:24:02 GMT"
},
{
"name": "ETag",
"value": "\"486-63bc4b1c78432\""
},
{
"name": "Accept-Ranges",
"value": "bytes"
},
{
"name": "Content-Length",
"value": "1158"
},
{
"name": "Keep-Alive",
"value": "timeout=5, max=100"
},
{
"name": "Connection",
"value": "Keep-Alive"
},
{
"name": "Content-Type",
"value": "text/html"
}
],
"cookies": [],
"content": {
"mimeType": "text/html",
"size": 1158,
"text": "\r\n\r\n\r\n \r\n \r\n API Name\r\n API Description\r\n \r\n \r\n \r\n Long/Lat\r\n \r\n
Description
\r\n
The longtitute and latitude and latitude of a geoname.
\r\n Enter the Geoname ID: \r\n \r\n \r\n Submit\r\n \r\n \r\n Other API\r\n Description\r\n Submit\r\n \r\n \r\n Other API\r\n Description\r\n Submit\r\n \r\n \r\n \r\n
Result of API Call
\r\n \r\n

\r\n

\r\n

\r\n

\r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n"
},
"redirectURL": "",
"headersSize": 0,
"bodySize": 1158
},
"cache": {},
"timings": {
"blocked": 0,
"dns": 0,
"ssl": 0,
"connect": 0,
"send": 0,
"wait": 0,
"receive": 0
},
"time": 0,
"_securityState": "insecure",
"pageref": "page_1"
},
{
"startedDateTime": "2025-08-07T13:30:42.666+01:00",
"request": {
"bodySize": 0,
"method": "GET",
"url": "http://localhost:81/task/libs/js/jquery-2.2.3.min.js",
"httpVersion": "HTTP/1.1",
"headers": [
{
"name": "Host",
"value": "localhost:81"
},
{
"name": "User-Agent",
"value": "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:141.0) Gecko/20100101 Firefox/141.0"
},
{
"name": "Accept",
"value": "*/*"
},
{
"name": "Accept-Language",
"value": "en-GB,en;q=0.5"
},
{
"name": "Accept-Encoding",
"value": "gzip, deflate, br, zstd"
},
{
"name": "Connection",
"value": "keep-alive"
},
{
"name": "Referer",
"value": "http://localhost:81/task/"
},
{
"name": "Sec-Fetch-Dest",
"value": "script"
},
{
"name": "Sec-Fetch-Mode",
"value": "no-cors"
},
{
"name": "Sec-Fetch-Site",
"value": "same-origin"
}
],
"cookies": [],
"queryString": [],
"headersSize": 0
},
"response": {
"status": 200,
"statusText": "OK",
"httpVersion": "HTTP/1.1",
"headers": [
{
"name": "Date",
"value": "Wed, 06 Aug 2025 18:07:21 GMT"
},
{
"name": "Server",
"value": "Apache/2.4.58 (Win64) OpenSSL/3.1.3 PHP/8.2.12"
},
{
"name": "Last-Modified",
"value": "Wed, 06 Aug 2025 16:50:05 GMT"
},
{
"name": "ETag",
"value": "\"14e9f-63bb521f78a3f\""
},
{
"name": "Accept-Ranges",
"value": "bytes"
},
{
"name": "Content-Length",
"value": "85663"
},
{
"name": "Keep-Alive",
"value": "timeout=5, max=98"
},
{
"name": "Connection",
"value": "Keep-Alive"
},
{
"name": "Content-Type",
"value": "text/javascript"
}
],
"cookies": [],
"content": {
"mimeType": "text/javascript",
"size": 0,
"text": ""
},
"redirectURL": "",
"headersSize": 0,
"bodySize": 375092
},
"cache": {},
"timings": {
"blocked": 0,
"dns": 0,
"ssl": 0,
"connect": 0,
"send": 0,
"wait": 0,
"receive": 0
},
"time": 0,
"_securityState": "insecure",
"pageref": "page_1"
},
{
"startedDateTime": "2025-08-07T13:30:42.667+01:00",
"request": {
"bodySize": 0,
"method": "GET",
"url": "http://localhost:81/task/libs/js/script.js",
"httpVersion": "HTTP/1.1",
"headers": [
{
"name": "Host",
"value": "localhost:81"
},
{
"name": "User-Agent",
"value": "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:141.0) Gecko/20100101 Firefox/141.0"
},
{
"name": "Accept",
"value": "*/*"
},
{
"name": "Accept-Language",
"value": "en-GB,en;q=0.5"
},
{
"name": "Accept-Encoding",
"value": "gzip, deflate, br, zstd"
},
{
"name": "Connection",
"value": "keep-alive"
},
{
"name": "Referer",
"value": "http://localhost:81/task/"
},
{
"name": "Sec-Fetch-Dest",
"value": "script"
},
{
"name": "Sec-Fetch-Mode",
"value": "no-cors"
},
{
"name": "Sec-Fetch-Site",
"value": "same-origin"
},
{
"name": "If-Modified-Since",
"value": "Thu, 07 Aug 2025 12:29:55 GMT"
},
{
"name": "If-None-Match",
"value": "\"1c7-63bc59d605c7b\""
}
],
"cookies": [],
"queryString": [],
"headersSize": 466
},
"response": {
"status": 304,
"statusText": "Not Modified",
"httpVersion": "HTTP/1.1",
"headers": [
{
"name": "Date",
"value": "Thu, 07 Aug 2025 12:30:42 GMT"
},
{
"name": "Server",
"value": "Apache/2.4.58 (Win64) OpenSSL/3.1.3 PHP/8.0.30"
},
{
"name": "Last-Modified",
"value": "Thu, 07 Aug 2025 12:29:55 GMT"
},
{
"name": "ETag",
"value": "\"1c7-63bc59d605c7b\""
},
{
"name": "Accept-Ranges",
"value": "bytes"
},
{
"name": "Keep-Alive",
"value": "timeout=5, max=100"
},
{
"name": "Connection",
"value": "Keep-Alive"
}
],
"cookies": [],
"content": {
"mimeType": "text/javascript",
"size": 455,
"text": "$.ajax({\r\n url: \"libs/php/children.php\",\r\n type: 'POST',\r\n dataType: 'json',\r\n data: {\r\n geonames: $('#geonames').val()\r\n },\r\n success: function(result) {\r\n\r\n console.log(result);\r\n\r\n if (result.status == \"ok\") {\r\n $('#lat').html(result['lat']);\r\n $('#lng').html(result['lng']);\r\n }\r\n },\r\n error: function(jqxhr, status, error) {\r\n console.error(\"Error occurred:\", status, error);\r\n }\r\n});"
},
"redirectURL": "",
"headersSize": 273,
"bodySize": 728
},
"cache": {
"afterRequest": null
},
"timings": {
"blocked": -1,
"dns": 0,
"connect": 0,
"ssl": 0,
"send": 0,
"wait": 0,
"receive": 0
},
"time": 0,
"_securityState": "insecure",
"serverIPAddress": "127.0.0.1",
"connection": "81",
"pageref": "page_1"
},
{
"startedDateTime": "2025-08-07T13:30:42.717+01:00",
"request": {
"bodySize": 9,
"method": "POST",
"url": "http://localhost:81/task/libs/php/children.php",
"httpVersion": "HTTP/1.1",
"headers": [
{
"name": "Host",
"value": "localhost:81"
},
{
"name": "User-Agent",
"value": "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:141.0) Gecko/20100101 Firefox/141.0"
},
{
"name": "Accept",
"value": "application/json, text/javascript, */*; q=0.01"
},
{
"name": "Accept-Language",
"value": "en-GB,en;q=0.5"
},
{
"name": "Accept-Encoding",
"value": "gzip, deflate, br, zstd"
},
{
"name": "Content-Type",
"value": "application/x-www-form-urlencoded; charset=UTF-8"
},
{
"name": "X-Requested-With",
"value": "XMLHttpRequest"
},
{
"name": "Content-Length",
"value": "9"
},
{
"name": "Origin",
"value": "http://localhost:81"
},
{
"name": "Connection",
"value": "keep-alive"
},
{
"name": "Referer",
"value": "http://localhost:81/task/"
},
{
"name": "Sec-Fetch-Dest",
"value": "empty"
},
{
"name": "Sec-Fetch-Mode",
"value": "cors"
},
{
"name": "Sec-Fetch-Site",
"value": "same-origin"
}
],
"cookies": [],
"queryString": [],
"headersSize": 570,
"postData": {
"mimeType": "application/x-www-form-urlencoded",
"params": [
{
"name": "geonames",
"value": ""
}
],
"text": "geonames="
}
},
"response": {
"status": 200,
"statusText": "OK",
"httpVersion": "HTTP/1.1",
"headers": [
{
"name": "Date",
"value": "Thu, 07 Aug 2025 12:30:42 GMT"
},
{
"name": "Server",
"value": "Apache/2.4.58 (Win64) OpenSSL/3.1.3 PHP/8.0.30"
},
{
"name": "X-Powered-By",
"value": "PHP/8.0.30"
},
{
"name": "Keep-Alive",
"value": "timeout=5, max=99"
},
{
"name": "Connection",
"value": "Keep-Alive"
},
{
"name": "Transfer-Encoding",
"value": "chunked"
},
{
"name": "Content-Type",
"value": "application/json; charset=UTF-8"
}
],
"cookies": [],
"content": {
"mimeType": "application/json; charset=UTF-8",
"size": 8692,
"text": "\"{\\\"totalResultsCount\\\":20,\
},
"redirectURL": "",
"headersSize": 268,
"bodySize": 8960
},
"cache": {},
"timings": {
"blocked": -1,
"dns": 0,
"connect": 0,
"ssl": 0,
"send": 0,
"wait": 646,
"receive": 0
},
"time": 646,
"_securityState": "insecure",
"serverIPAddress": "127.0.0.1",
"connection": "81",
"pageref": "page_1"
},
{
"startedDateTime": "2025-08-07T13:30:42.817+01:00",
"request": {
"bodySize": 0,
"method": "GET",
"url": "http://localhost:81/favicon.ico",
"httpVersion": "HTTP/1.1",
"headers": [
{
"name": "Host",
"value": "localhost:81"
},
{
"name": "User-Agent",
"value": "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:141.0) Gecko/20100101 Firefox/141.0"
},
{
"name": "Accept",
"value": "image/avif,image/webp,image/png,image/svg+xml,image/*;q=0.8,*/*;q=0.5"
},
{
"name": "Accept-Language",
"value": "en-GB,en;q=0.5"
},
{
"name": "Accept-Encoding",
"value": "gzip, deflate, br, zstd"
},
{
"name": "Connection",
"value": "keep-alive"
},
{
"name": "Referer",
"value": "http://localhost:81/task/"
},
{
"name": "Sec-Fetch-Dest",
"value": "image"
},
{
"name": "Sec-Fetch-Mode",
"value": "no-cors"
},
{
"name": "Sec-Fetch-Site",
"value": "same-origin"
}
],
"cookies": [],
"queryString": [],
"headersSize": 0
},
"response": {
"status": 200,
"statusText": "OK",
"httpVersion": "HTTP/1.1",
"headers": [
{
"name": "Date",
"value": "Wed, 06 Aug 2025 18:07:21 GMT"
},
{
"name": "Server",
"value": "Apache/2.4.58 (Win64) OpenSSL/3.1.3 PHP/8.2.12"
},
{
"name": "Last-Modified",
"value": "Thu, 16 Jul 2015 15:32:32 GMT"
},
{
"name": "ETag",
"value": "\"78ae-51affc7a4c400\""
},
{
"name": "Accept-Ranges",
"value": "bytes"
},
{
"name": "Content-Length",
"value": "30894"
},
{
"name": "Keep-Alive",
"value": "timeout=5, max=97"
},
{
"name": "Connection",
"value": "Keep-Alive"
},
{
"name": "Content-Type",
"value": "image/x-icon"
}
],
"cookies": [],
"content": {
"mimeType": "image/x-icon",
"size": 30894,
"encoding": "base64",
"text": "..."
},
"redirectURL": "",
"headersSize": 0,
"bodySize": 30894
},
"cache": {},
"timings": {
"blocked": 0,
"dns": 0,
"ssl": 0,
"connect": 0,
"send": 0,
"wait": 0,
"receive": 0
},
"time": 0,
"_securityState": "insecure",
"pageref": "page_1"
}
]
}
}

конечная точка API: http://api.geonames.org/childrenjson?ge ... азно$.ajax({
url: "libs/php/children.php",
type: 'POST',
dataType: 'json',
data: {
geonames: $('#geonames').val()
},
success: function(result) {

console.log(result);

if (result.status == "ok") {
$('#lat').html(result['lat']);
$('#lng').html(result['lng']);
}
},
error: function(jqxhr, status, error) {
console.error("Error occurred:", status, error);
}
});
< /code>

< /code>





API Name
API Description



Long/Lat

Description
The longtitute and latitude and latitude of a geoname.
Enter the Geoname ID:


Submit


Other API
Description
Submit


Other API
Description
Submit



Result of API Call











Подробнее здесь: https://stackoverflow.com/questions/797 ... on-clicked