web-dev-qa-db-ja.com

JSONオブジェクトをSymfony 2に投稿する

私はSymfony 2を使用してプロジェクトに取り組んでおり、JSONデータをやり取りするすべてのデータベースサービスを処理するバンドルを構築しました。

私の問題/質問:

  • JSONオブジェクトをまっすぐに投稿することは可能ですか?現在、オブジェクトに名前_json={"key":"value"}_を付けることで、ajax呼び出しの通常のフォームポストをスプーフィングしています。名前を付けないと、Symfonyリクエストオブジェクト$JSON = $request->request->get('json');

  • 1つのサービスバンドルを使用して、AJAX=呼び出し、または通常のSymfonyフォームからの両方のデータを処理できるようにしたいと考えています。現在、送信されたSymfonyフォームを取得し、 JSON_ENCODE、要求データを予期しているサービスコントローラーにデータを送信する方法がわかりません。

要約すると:

  • SymfonyがフォームではなくJSON投稿オブジェクトを受け入れるようにします。

  • 要求/応答を使用してコントローラー間でJSONオブジェクトを渡したい

これについて間違っている場合は、お気軽に教えてください!

69
greg

リクエスト本文で標準JSONとして送信されたコントローラーのデータを取得する場合は、次のようなことを実行できます。

_public function yourAction()
{
    $params = array();
    $content = $this->get("request")->getContent();
    if (!empty($content))
    {
        $params = json_decode($content, true); // 2nd param to get as array
    }
}
_

これで、_$params_はJSONデータでいっぱいの配列になります。 trueオブジェクトを取得するには、json_decode()呼び出しのstdClassパラメーター値を削除します。

134
richsage

コンテンツを配列として取得するメソッドを作成しました

protected function getContentAsArray(Request $request){
    $content = $request->getContent();

    if(empty($content)){
        throw new BadRequestHttpException("Content is empty");
    }

    if(!Validator::isValidJsonString($content)){
        throw new BadRequestHttpException("Content is not a valid json");
    }

    return new ArrayCollection(json_decode($content, true));
}

そして、以下に示すようにこのメソッドを使用します

$content = $this->getContentAsArray($request);
$category = new Category();
$category->setTitle($content->get('title'));
$category->setMetaTitle($content->get('meta_title'));
9
Farid Movsumov

ページのjavascript:

function submitPostForm(url, data) {
    var form                = document.createElement("form");
        form.action         = url;
        form.method         = 'POST';
        form.style.display  = 'none';

    //if (typeof data === 'object') {}

    for (var attr in data) {
        var param       = document.createElement("input");
            param.name  = attr;
            param.value = data[attr];
            param.type  = 'hidden';
        form.appendChild(param);
    }

    document.body.appendChild(form);
    form.submit();
}

何らかのイベントの後(「送信」をクリックするなど):

// products is now filled with a json array
var products = jQuery('#spreadSheetWidget').spreadsheet('getProducts');
var postData = {
'action':   action,
'products': products
}
submitPostForm(jQuery('#submitURLcreateorder').val(), postData);

コントローラー内:

   /**
    * @Route("/varelager/bestilling", name="_varelager_bestilling")
    * @Template()
    */
   public function bestillingAction(Request $request) {
       $products   = $request->request->get('products', null); // json-string
       $action     = $request->request->get('action', null);

       return $this->render(
           'VarelagerBundle:Varelager:bestilling.html.twig',
           array(
               'postAction' => $action,
               'products' => $products
           )
       );
   }

テンプレート(私の場合はbestilling.html.twig):

  {% block resources %}
       {{ parent() }}
       <script type="text/javascript">
       jQuery(function(){
           //jQuery('#placeDateWidget').placedate();
           {% autoescape false %}
           {% if products %}

           jQuery('#spreadSheetWidget').spreadsheet({
               enable_listitem_amount: 1,
               products: {{products}}
           });
           jQuery('#spreadSheetWidget').spreadsheet('sumQuantities');
           {% endif %}
           {% endautoescape %}

       });
       </script>
   {% endblock %}

Alrite、それはあなたが望んでいたことだと思う:)

[〜#〜] edit [〜#〜]フォームをシミュレートせずに何かを送信するには、jQuery.ajax()を使用できます。以下は、ページの更新をトリガーしない上記と同じ精神の例です。

jQuery.ajax({
    url:        jQuery('#submitURLsaveorder').val(),
    data:       postData,
    success:    function(returnedData, textStatus, jqXHR ){
        jQuery('#spreadSheetWidget').spreadsheet('clear');
        window.alert("Bestillingen ble lagret");
        // consume returnedData here

    },
    error:      jQuery.varelager.ajaxError, // a method
    dataType:   'text',
    type:       'POST'
});