Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0

@vsvsdvsdv · Регистрация: 17.02.2020

Author24 — интернет-сервис помощи студентам

Помогите разобраться с ошибкой

Код

Promise {<pending>}
__proto__: Promise[[PromiseStatus]]: "rejected"
[[PromiseValue]]: SyntaxError: Unexpected token < in JSON at position 0
client.js:22 
POST http://test1.ru:96/undefined 404 (Not Found)
client.js:12 
Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0
test1.ru/:1

index.html

HTML5

<!DOCTYPE html>
<html>
  <head>
     <meta charset="utf-8" />
  </head>
  <body>
     <script src="client.js"></script>
  </body>
</html>

server.js

Javascript

const express = require('express');
const mysql = require('mysql');
 
const app = express();
 
console.log('Get connection ...');
 
var conn = mysql.createConnection({
database: 'phone',
host: "localhost",
user: "qwerty",
password: "123"
});
 
 
conn.connect();
 
app.post('/', (req, res) => {
   conn.query("SELECT `fio` FROM `client` WHERE `id`=6",function(error,result){
      if (error) throw error;
      res.send(result.map(item => item));
   });
});
 
app.listen(96);

client.js

Javascript

async function getData(url) {
    url instanceof String && url.length ? url : '/';
  
    const options = {
      method: 'POST',
      headers: {
        'Content-Type' : 'application/json'
      }
    };
  
    let response = await fetch(url, options); 
    let data = response.json(); 
    return data;
  
  }
  
  const data = getData(); 
  console.log(data);

@Vaderkos · 19.02.2020, 13:21

vsvsdvsdv,
1. Вряд ли url instanceof String, так как url не обьект а примитив, также этот код ничего не делает, бессмысленная проверка

Сообщение от vsvsdvsdv

url instanceof String && url.length ? url : '/';

2. Стоит отправлять json методом json

Javascript

1	res.json(result)

Но вообще самая главная ошибка что вы не передали параметр url в функцию getData

Что бы был параметр по умолчанию надо так

Javascript

1	async function getData(url = window.location.href)...

либо так

Javascript

1
2
3

async function getData(url) {
    url = typeof url === 'string' && url.length ? url : window.location.href;
...

Новые блоги и статьи
Откуда у float лишние цифры в конце дробной части. Представление чисел с плавающей точкой bytestream 25.01.2025 При разработке программного обеспечения часто возникает необходимость работать с вещественными числами, которые содержат дробную часть. В современных компьютерных системах такие числа представляются. . .	Как использовать глобальную переменную в функции в Python bytestream 25.01.2025 В программировании на Python глобальные переменные представляют собой особый тип переменных, которые доступны для использования во всех частях программы, включая различные функции, классы и модули. . . .	Как в цикле обойти все элементы map в Java bytestream 25.01.2025 В разработке на Java одной из наиболее востребованных структур данных является интерфейс Map, который предоставляет эффективный способ хранения и управления парами "ключ-значение". Разработчики. . .	Для чего нужен UserManager.isUserAGoat() в Android и как это использовать bytestream 25.01.2025 В мире Android-разработки существует множество интересных и порой загадочных функций, о которых знают далеко не все разработчики. Одной из таких функций является метод UserManager. isUserAGoat(),. . .	Как обойти масси в JavaScript. Всё о циклах bytestream 25.01.2025 JavaScript представляет собой мощный язык программирования, широко используемый в веб-разработке, где массивы и циклы являются фундаментальными концепциями для эффективной работы с данными. Массив в. . .	Как сделать, чтобы существующая ветка отслеживала удалённую в Git. Связывание локальных и удалённых веток bytestream 25.01.2025 В разработке программного обеспечения системы контроля версий стали неотъемлемой частью процесса создания качественного программного продукта. Эти инструменты позволяют разработчикам эффективно. . .
Как проверить, что файл НЕ существует с помощью Bash bytestream 25.01.2025 В системном администрировании проверка существования файлов является фундаментальной операцией, особенно при написании скриптов на Bash. Правильная обработка ситуаций, когда файл отсутствует,. . .	Как проверить, что строка пустая, неопределена или null в JavaScript bytestream 25.01.2025 При разработке веб-приложений на JavaScript разработчики регулярно сталкиваются с необходимостью проверки строковых значений на различные состояния. Валидация данных является критически важным. . .	Как проверить существование ключа в объекте или массиве в JavaScript bytestream 25.01.2025 При разработке веб-приложений на JavaScript программисты постоянно сталкиваются с необходимостью работать с объектами и массивами. Эти структуры данных являются фундаментальными элементами языка и. . .	Как создать ArrayList из массива (array) в Java bytestream 25.01.2025 При разработке программного обеспечения на языке Java программисты часто сталкиваются с необходимостью эффективного управления наборами данных. Массивы и ArrayList являются двумя фундаментальными. . .	Как сгенерировать случайные целые числа (int) в указанном диапазоне в Java bytestream 25.01.2025 В программировании генерация случайных чисел является важнейшим инструментом для решения множества практических задач. От создания игровых механик до реализации алгоритмов машинного обучения, от. . .	Как сделать, чтобы grep выводил строки до и после найденной hw_wired 25.01.2025 Утилита grep стала незаменимым инструментом для поиска и фильтрации информации в Unix-подобных операционных системах. Эта командная утилита позволяет осуществлять поиск строк, соответствующих. . .

	19.02.2020, 13:21

Опции темы