POST запрос на сервер json, почему формат неверный?

Question

[anon13199]

Вот сам код:

$( document ).ready(function() {
    $("#btn").click(
		function(){

var dataf = {
  "user": "Андрей",
  "phone": "[phone]",
  "userID": "12342345423453",
};

	        jQuery.ajax({
                    url: 'ТУТ ЮРЛ',
                    options: {
                    'Content-Type':'application/json' },
                    type: 'POST',
                    dataType: 'json',
                    data: dataf,  
        success: function(response) { 
        	document.getElementById('result_form').innerHTML = "Данные отправлены";
    	},
    	error: function(response) { 
    		document.getElementById('result_form').innerHTML = "Ошибка. Данные не отправлены.";
    	}
 	}); 
		}
	);
});

Сервер принимает данные только post запросы формата json, но почему-то при такой передаче данных отвечает, что формат не json, а нужен json, как его сделать json, где ошибка?

Answer 1

[devian3000]

Вы пытаетесь передать объект. А JSON это строка.
Приведите объект к строке

JSON.stringify(dataf);

$( document ).ready(function() {
    $("#btn").click(
    function(){

var dataf = {
  "user": "Андрей",
  "phone": "[phone]",
  "userID": "12342345423453",
};

var jsonString = JSON.stringify(dataf);
          jQuery.ajax({
                    url: 'ТУТ ЮРЛ',
                    options: {
                    'Content-Type':'application/json' },
                    type: 'POST',
                    dataType: 'json',
                    data: jsonString,  
        success: function(response) { 
        	document.getElementById('result_form').innerHTML = "Данные отправлены";
    	},
    	error: function(response) { 
    		document.getElementById('result_form').innerHTML = "Ошибка. Данные не отправлены.";
    	}
 	}); 
    }
  );
});

Comments

[anon13199]

Не работает. Была ошибка 500, теперь 405.

[devian3000]

Код action. Возвращает method not allowed. И что используется на backend

[anon13199]

devian3000: чем его заменить, что бы было allowed?

[devian3000]

Читайте Response message.
в Header ответа должен содержаться ключ Allow, который содержит данные о том какие методы разрешены.

Проверьте URL.
Смените options на headers

$( document ).ready(function() {
$("#btn").click(
function(){

var dataf = {
"user": "Андрей",
"phone": "[phone]",
"userID": "12342345423453",
};

jQuery.ajax({
url: 'ТУТ ЮРЛ',
headers: {
'Content-Type':'application/json'
},
type: 'POST',
dataType: 'json',
data: JSON.stringify(dataf),
success: function(response) {
document.getElementById('result_form').innerHTML = "Данные отправлены";
},
error: function(response) {
document.getElementById('result_form').innerHTML = "Ошибка. Данные не отправлены.";
}
});
}
);
});