W jaki sposób wysyłasz dane JSON do wywołania POST Rails.ajax Rails-ujs (nie używając jQuery)?

Question

Mam aplikację klienta React, która musi rozmawiać z interfejsem Rails API. Chcę użyć metody Rails.ajax z rails-ujs. Na przykład:

Rails.ajax({ 
    type: "POST", 
    url: "/things", 
    data: mydata, 
    success: function(repsonse){...}, 
    error: function(repsonse){...} 
}) 

Wygląda na to, że nie można ustawić data do obiektu JSON jak poniżej:

mydata = { 
thing: { 
    field1: value1, 
    field2: value2, 
}} 

Trzeba przekonwertować go do application/x-www-form-urlencoded treści wpisać ręcznie tak:

mydata = 'thing[field1]=value1&thing[field2]=value2' 

Jest to możliwe w przypadku danych płaskich, ale szybko się komplikuje w przypadku zagnieżdżonych danych.

jQuery wykonuje konwersję automatycznie przed wysłaniem żądania.

Więc zastanawiam się, , czy Rails UJS ma jakiś automatyczny sposób robienia tego, ale nie mogłem znaleźć niczego w dokumentach lub kodzie.

Answer 1

Użyłem kilka razy wywołania ajax i użyłem do wysyłania danych json w ten sposób.

var fd = new FormData(); 
fd.append("jsondata", JSON.stringify(mydata)); 

$.ajax({ 
    url: ... 
    type :"post", 
    data: fd 
    success:function(){ 
    } 
}) 

Parsowanie danych Json w kontrolerze ruby ​​jest łatwe. możesz po prostu użyć JSON.parse(params["jsondata"])
Mam nadzieję, że działa to w twoim przypadku.

Answer 2

Sprawdziłem kod biblioteki i nie obsługuje tego, ponieważ w celu wysłania obiektu musisz do stringify obiektu, a po wykonaniu tego odkryłem, że biblioteka sprawdza, czy dane jest typem ciągu To zmienia typ treści zapytania do aplikacji application/x-www-form-urlencoded. Ten link pokazuje ten stan w bibliotece. I do tego, twoją opcją do przezwyciężenia tego problemu jest napisanie metody, która przekształca obiekt na formę wejściową lub używa Ajax JQuery lub innej biblioteki.

Answer 3

Nie jestem pewien, czy nie rozumiem problemu, ale czy nie możesz po prostu przekształcić obiektu za pomocą JSON.stringify?

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify

pewno widzę w szynach-ujs moduł go używa JSON.parse analizować odpowiedzi JSON