---
description: InputJsonパラメータを使用しデータをバインディングします。
---

# InputJsonの使用

## **inputjsonパラメータの使用**

アプリケーションは、予約パラメーターの**inputjson**を使用し、JSON形式の値をOZRまたはOZDのコンポーネントに渡すことができます。&#x20;

OZRファイルにパラメーターを定義する必要はありません。OZビューアーは、JSON形式の値をフォーム内の対応するコンポーネントに自動的に渡します。

{% hint style="warning" %}
* JSON文字列の項目名は、各コンポーネントのFormIDと一致する必要があります。
* JSON文字列はエスケープ処理をする必要があります。
{% endhint %}

```javascript
<script type="text/javascript" >
var serverUrl = "https://" + location.host;
var inputjson = "{\"memberNo\":\"1001\",\"photo\":\"\",\"firstName\":\"ICHIRO\",\"lastName\":\"NAKAMURA\",\"yyyy\":\"1989\",\"mm\":\"09\",\"dd\":\"05\",\"gender\":\"M\",\"contactNo\":\"333-5555-7778\",\"email\":\"nakamura@forcs.com\",\"memberType\":\"Premium\",\"fromDate\":\"2019-12-24\",\"toDate\":\"2020-12-24\",\"cardType\":\"SCBANK\",\"cardNo\":\"1111-2222-3333-4444\",\"cardExpMM\":\"12\",\"cardExpYY\":\"24\"}";
function SetOZParamters_OZViewer(){
	var oz = document.getElementById("OZViewer");
	oz.sendToActionScript("information.debug", "true"); // viewer console
	oz.sendToActionScript("connection.servlet",serverUrl + "/oz/server");
	oz.sendToActionScript("connection.reportname","/eform/membership.ozr");
	oz.sendToActionScript("connection.inputjson", inputjson);
	oz.sendToActionScript("etcmenu.copyinputdata_json", "true"); // enable [Copy input data (json)] option in etc menu
	return true;
}
start_ozjs("OZViewer", serverUrl + "/oz/HTML5viewer/");
</script>
```

[Run example](https://demo.ozeform.io/oz/eform/membership-inputjson.html)

{% file src="https://1097513732-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LwWWN-Gla4aA9ONdCK6%2F-M4IGZp0FHoMwhE037ha%2F-M4IKtezbxFc5FF9j_jt%2Fsamples--prefill-components.zip?alt=media&token=9a02067c-2792-45cf-8b02-fdad6c8d439c" %}
samples-prefill-components.zip
{% endfile %}
