EasyUI是一款流行的jQuery插件，它為開發者提供了一系列易于使用的UI組件。其中，提交JSON數據是一個常見的需求。本文將向您介紹如何在EasyUI中提交JSON數據。

首先，需要創建一個表單，并指定"post"方法和提交的URL:

<form id="myForm" method="post" action="your_url">
...
</form>

接著，在表單中添加EasyUI的fields組件，分別對應JSON數據中的key和value:

<input class="easyui-textbox" type="text" name="key1" value="value1">
<input class="easyui-textbox" type="text" name="key2" value="value2">
...

可以使用jQuery動態地向表單中添加fields組件，以滿足不同的數據需求。

最后，在JavaScript中，使用EasyUI的form組件將表單提交為JSON數據:

var form = $('#myForm');
var formData = form.serializeArray();
var jsonData = {};
$.each(formData, function() {
jsonData[this.name] = this.value;
});
$.ajax({
url: form.attr('action'),
type: form.attr('method'),
contentType: 'application/json;charset=utf-8',
data: JSON.stringify(jsonData),
success: function(response){
console.log(response);
},
error: function(){
console.log('error');
}
});

以上代碼將表單序列化為數組，并將其轉換為JSON格式。然后，使用jQuery的AJAX方法將JSON數據提交到指定的URL。可以在success回調函數中處理服務器返回的數據。

完整的示例代碼如下：

<form id="myForm" method="post" action="your_url">
<input class="easyui-textbox" type="text" name="key1" value="value1">
<input class="easyui-textbox" type="text" name="key2" value="value2">
...
</form>
<script>
var form = $('#myForm');
var formData = form.serializeArray();
var jsonData = {};
$.each(formData, function() {
jsonData[this.name] = this.value;
});
$.ajax({
url: form.attr('action'),
type: form.attr('method'),
contentType: 'application/json;charset=utf-8',
data: JSON.stringify(jsonData),
success: function(response){
console.log(response);
},
error: function(){
console.log('error');
}
});
</script>

通過以上方法，您可以輕松地在EasyUI中提交JSON數據，為您的應用程序帶來更多的靈活性和可擴展性。