Syntaxerror unexpected end of json input как исправить

I can’t say for sure what the problem is. Could be some bad character, could be the spaces you have left at the beginning and at the end, no idea.

Anyway, you shouldn’t hardcode your JSON as strings as you have done. Instead the proper way to send JSON data to the server is to use a JSON serializer:

data: JSON.stringify({ name : "AA" }),

Now on the server also make sure that you have the proper view model expecting to receive this input:

public class UserViewModel
{
    public string Name { get; set; }
}

and the corresponding action:

[HttpPost]
public ActionResult SaveProduct(UserViewModel model)
{
    ...
}

Now there’s one more thing. You have specified dataType: 'json'. This means that you expect that the server will return a JSON result. The controller action must return JSON. If your controller action returns a view this could explain the error you are getting. It’s when jQuery attempts to parse the response from the server:

[HttpPost]
public ActionResult SaveProduct(UserViewModel model)
{
    ...
    return Json(new { Foo = "bar" });
}

This being said, in most cases, usually you don’t need to set the dataType property when making AJAX request to an ASP.NET MVC controller action. The reason for this is because when you return some specific ActionResult (such as a ViewResult or a JsonResult), the framework will automatically set the correct Content-Type response HTTP header. jQuery will then use this header to parse the response and feed it as parameter to the success callback already parsed.

I suspect that the problem you are having here is that your server didn’t return valid JSON. It either returned some ViewResult or a PartialViewResult, or you tried to manually craft some broken JSON in your controller action (which obviously you should never be doing but using the JsonResult instead).

One more thing that I just noticed:

async: false,

Please, avoid setting this attribute to false. If you set this attribute to false you are are freezing the client browser during the entire execution of the request. You could just make a normal request in this case. If you want to use AJAX, start thinking in terms of asynchronous events and callbacks.

Ситуация: вы пишете скрипт, в котором объявляете новые функции или используете уже встроенные. Вы уверены, что всё правильно, потому что делали так сотни раз в других проектах, но при запуске кода появляется такая ошибка:

❌ Uncaught SyntaxError: Unexpected end of input

Что это значит: браузер ждёт от вас или от кода продолжения ввода параметров или новых значений, но не находит их и падает с ошибкой.

Когда встречается: чаще всего это значит, что вы где-то потеряли закрывающие скобки. Вторая ситуация, более редкая — вы обрабатываете JSON-запрос и вам просто не приходят нужные данные (хотя должны бы). О том, что такое JSON-запросы и ответы, будет в отдельной статье — тема слишком большая и интересная для короткого ответа. Сейчас остановимся на первом варианте.

Что делать с ошибкой Uncaught SyntaxError: Unexpected end of input

Чтобы отловить и исправить эту ошибку, вам нужно посчитать и сравнить количество открытых и закрытых скобок в программе — как круглых (), так и фигурных {}. Скорее всего, вам не хватает и того, и другого (и точки с запятой после них).

Проще всего такую ошибку найти простым форматированием кода: когда все вложенные команды и параметры сдвигаются вправо табуляцией или пробелами. В этом случае легко найти разрыв в получившейся лесенке кода и добавить туда нужные скобки. Смотрите сами:

$(function () {
  $("#mewlyDiagnosed").hover(function () {
    $("#mewlyDiagnosed").animate({ 'height': '237px', 'top': "-75px" });
  }, function () {
    $("#mewlyDiagnosed").animate({ 'height': '162px', 'top': "0px" });
  });

Может показаться, что всё в порядке, но вот как выглядит этот код после форматирования:

$(function () {
  $("#mewlyDiagnosed").hover(function () {
    $("#mewlyDiagnosed").animate({ 'height': '237px', 'top': "-75px" });
  }, function () {
    $("#mewlyDiagnosed").animate({ 'height': '162px', 'top': "0px" });
  });

Сразу видно, что в конце скрипта не хватает строки с )}; — если их не поставить, браузер будет ждать продолжения ввода параметров вызова функции, не дождётся их и выдаст ошибку Uncaught SyntaxError: Unexpected end of input

Попробуйте сами. Найдите ошибку в этом коде:

$(function() {

  $state.on('change', function(ev) {

    if($state.is(':checked')) {

    }else {

  });

Ошибка “Unexpected end of JSON input” – это синтаксическая ошибка, которая возникает, когда JSON, который вы пытаетесь разобрать, является неполным или недействительным.

Эта ошибка обычно возникает, когда вы пытаетесь разобрать JSON с помощью метода JSON.parse(), а строка JSON, которую вы ему передаете, является неполной или недействительной. Например, если вы пытаетесь разобрать следующий JSON:

{ "name": "John Doe" "age": 30 }

Вы получите ошибку “Unexpected end of JSON input”, потому что в JSON отсутствует запятая между свойствами “name” и “age”.

Правильный JSON будет выглядеть следующим образом:

{
  "name": "John Doe",
  "age": 30
}

Итак, вам необходимо убедиться, что JSON, который вы пытаетесь разобрать, является полным и валидным. Вы можете использовать JSON linter или JSON validator для проверки правильности JSON и исправления любых синтаксических ошибок.

Когда localStorage заполнено

Если локальное хранилище переполнено или возникла какая-то другая проблема при попытке сохранить строку JSON, метод localStorage.setItem также выдаст ошибку.

Это также может произойти, если другое приложение уже использует ключ, который вы пытаетесь разобрать, и его нельзя перезаписать.

function saveUserData(user) {
  const json = JSON.stringify(user);
  localStorage.setItem('user', json);
}

const user = {
  name: 'John Doe',
  email: 'johndoe@gmail.com',
  password: 'p@ssw0rd'
};

saveUserData(user);

В этом случае вы можете добавить блок try/catch в функцию saveUserData и использовать console.log для вывода сообщения об ошибке в консоль, как показано ниже:

function saveUserData(user) {
  try {
    const json = JSON.stringify(user);
    localStorage.setItem('user', json);
  } catch (error) {
    console.log(error.message);
  }
}

При таком изменении, когда вызывается функция saveUserData, она попытается сохранить объект user в локальном хранилище. Если произойдет ошибка, будет выполнен блок catch и сообщение об ошибке будет выведено на консоль.

К сожалению, нет возможности перечислить все сценарии, в которых может возникнуть эта ошибка. Если вы посмотрите на сайты вроде StackOverflow, то увидите, что большинство людей спрашивают не конкретно об ошибке, а о коде, который приводит к этой ошибке. В этом контексте вам нужно выяснить, из-за чего ваш вывод JSON не является корректным.

Если это поможет, вот несколько примеров синтаксических ошибок, которые также приводят к этой ошибке.

Входные данные JSON неправильно отформатированы:

const json = '{ "key": "value"';

Ввод JSON содержит синтаксическую ошибку:

const json = '{ "key": "value" error }';

Во входном файле JSON пропущена или лишняя запятая:

const json = '{ "key": "value", "key2": "value2" "key3": "value3" }';

Во входном файле JSON пропущена или лишняя фигурная скобка:

const json = '{{ "key": "value" "key2": "value2" }';

При вводе JSON пропущена или лишняя квадратная скобка:

const json = '{ "key": "value", "key2": ["value2", "value3"]] }';

Во входном файле JSON пропущена или лишняя кавычка:

const json = '{ key: "value", "key2": "value2" }';

Во входном файле JSON есть строка, которая неправильно экранирована:

const json = '{ "key": "value", "key2": "value2" "key3": "value3" }';

Если у вас появились вопросы про ошибку “Unexpected end of JSON input” в JS, мы будем рады ответить на них в комментариях ниже.

✋ Update: This post was originally published on my blog decodingweb.dev, where you can read the latest version for a 💯 user experience. ~reza

You might have encountered the error “Uncaught SyntaxError: Unexpected end of JSON input” when using JSON.parse().

The error looks like this on the browser console (Google Chrome):

First of all, it’s not your code! What’s most likely wrong is the JSON string you’re trying to parse.

When “Unexpected end of JSON input” is raised, your code is probably parsing:

1. An empty string
2. An empty array
3. Or an incomplete (a.k.a malformed) JSON data

That said, the first thing to examine is the JSON data.

If you’re using Google Chrome (like me), you can click the link on the right-hand side of the error message.

It’s usually in the form of VM: Script ID, e.g., VM:1

If the log is empty, you’re probably dealing with an empty string! Otherwise, you’ll see the JSON data with an indicator.

How to fix the Uncaught SyntaxError: Unexpected end of JSON input

When working with JSON-formatted data in JavaScript, we’re either working with locally defined JSON data or fetching it from an API.

But how can we resolve the issue?

When working with locally defined JSON data: If you’re parsing local JSON content, the first thing to do is to ensure the variable isn’t empty. Maybe the variable is truncated for some reason.

If it’s not, you can validate your JSON-formatted data with an online JSON validator like JSONLint. If you have an invalid JSON object, you’ll find out here!

When working with a third-party JSON API: If you’re trying to parse a JSON API response, and you don’t have control over the back-end code, you can place your JSON.parse reference into a try/catch block – like so:

try {
  const data = JSON.parse(jsonData);
  // Do something with the JSON data
} catch (err) {
  console.error(err);
}

Wrapping up

The infamous “JSON input error” is a Syntax error usually raised when parsing empty or malformed JSON data. Fixing this issue is easy when dealing with locally-defined JSON data.

If you don’t have control over the back-end code generating the JSON data, a try/catch block would help you avoid the “Uncaught SyntaxError” error.

Additionally, you might find this Mozilla guide on JSON.parse to avoid other types of parse errors.

I hope this quick guide provided the answer you were looking for.

Thanks for reading.