Что случилось с моим запросом POST JQuery?

Question

Я пытаюсь выполнить аутентификацию с помощью удаленного сервиса через jQuery. Во-первых, я подтверждаю, что могу сделать это за пределами браузера:

curl -X POST -H "Content-Type: application/json" -H "Accept: appliction/json" -d '{"username":"...","password":"..."}' http://example.com/auth 

Это успешно возвращает токен.

Теперь попробуйте с JQuery:

$.ajax({ 
    url: "http://example.com/auth", 
    type: "POST", 
    dataType: "json", 
    contentType: "json", 
    data: {username:"...",password:"..."}, 
    error: function(data){alert(JSON.stringify(data))}, 
    success: function(data){alert(JSON.stringify(data))} 
}); 

я получаю ошибку сервера (500). Ясно, что я делаю что-то неправильно. Это мой первый попыток сделать POST в jQuery, поэтому я не знаю, как определить, в чем проблема. Что я здесь делаю неправильно?

P.S. Я могу успешно сделать запрос GET через JQuery, если у меня уже есть маркер:

$.ajax({ 
    url: "http://example.com/stuff?token=f42652adcbfe3ed9d59fae62b5267b8d", 
    type: "GET", 
    dataType: "json", 
    error: function(data){alert(JSON.stringify(data))}, 
    success: function(data){alert(JSON.stringify(data))} 
}); 

Answer 1

Единственное, что я замечаю различие в представлениях данных. Посмотрите на данные в исходном запросе:

-d '{"username":"...","password":"..."}' 

И данные в запросе AJAX:

data: {username:"...",password:"..."} 

Прежние оборачивает ключи в строках, а второй нет. Все это тоже должно быть строкой. Попробуйте:

data: '{"username":"...","password":"..."}' 

Это было бы более последовательным с JSON formatted data в целом, я считаю. Без обертывания ключей в строках это может быть объект JavaScript, но это не данные JSON.

Answer 2

500 Внутренняя ошибка сервера

Сервер столкнулся с непредвиденным условием, которое не позволяет ему выполнить запрос.

Ответ Json от url может быть причиной, вы можете прокомментировать функцию stringfy и предупредить ответ. Вы можете использовать метод try/catch в ответ и проверить ошибку.

Answer 3

Обновление: oops пропустил комментарий, говорящий, что stringify не работает. Я оставлю это для потомков

Иногда вам нужно подкрепить данные при отправке Json, иначе jquery может сериализовать объект как строку param, а не как целый объект. Это зависит от того, как ваш сервер связывает запрос запроса с объектом. хоть. Можете ли вы отлаживать запрос на сервер или это из ваших рук?

Try делать (если вы на полу современный браузер):

data: JSON.stringify({ your: data}) 

Answer 4

Спасибо всем за вашу помощь. Каждый небольшой совет помог мне найти решение. Я сказал это в комментариях уже, но вот решение:

1. типа данные правильно указан как «JSON», но CONTENTTYPE должна быть указана как «приложение/JSON».

2. Содержимое должно быть обернуто в JSON.stringify.

Answer 5

Вы публикуете в том же домене, в котором загружен js? Если нет, вам нужно использовать jsonp и убедитесь, что сервер явно принимает ваш запрос, я считаю.

Answer 6

1) Открыть сеть в Сервис (f12)

2) Выберите "Сеть" строка

3) Выбор ошибки

4) Открыть "Тело" на стороне прав

5) В заголовке вы можете увидеть описание ошибки eq.

<title>The parameters dictionary contains a null entry for parameter 'Id' of non-nullable type 'System.Int32' for method 'System.Web.Mvc.ActionResult Delete(Int32)' in 'BosCatalog.Controllers.ProductsController'. An optional parameter must be a reference type, a nullable type, or be declared as an optional parameter.<br>Parameter name: parameters</title>