私はSymfony 2を使用してプロジェクトに取り組んでおり、JSONデータをやり取りするすべてのデータベースサービスを処理するバンドルを構築しました。
私の問題/質問:
JSONオブジェクトをまっすぐに投稿することは可能ですか?現在、オブジェクトに名前_json={"key":"value"}
_を付けることで、ajax呼び出しの通常のフォームポストをスプーフィングしています。名前を付けないと、Symfonyリクエストオブジェクト$JSON = $request->request->get('json');
1つのサービスバンドルを使用して、AJAX=呼び出し、または通常のSymfonyフォームからの両方のデータを処理できるようにしたいと考えています。現在、送信されたSymfonyフォームを取得し、 JSON_ENCODE、要求データを予期しているサービスコントローラーにデータを送信する方法がわかりません。
要約すると:
SymfonyがフォームではなくJSON投稿オブジェクトを受け入れるようにします。
要求/応答を使用してコントローラー間でJSONオブジェクトを渡したい
これについて間違っている場合は、お気軽に教えてください!
リクエスト本文で標準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
パラメーター値を削除します。
コンテンツを配列として取得するメソッドを作成しました
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'));
ページの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'
});