easyui文本框中保存数据
时间: 2023-08-08 22:10:11 浏览: 106
要保存 EasyUI 文本框中的数据,可以使用 jQuery 来获取文本框中的值,然后通过 AJAX 请求将数据发送到后台进行保存。
以下是一个示例代码:
```html
<!-- 页面上的文本框 -->
<input id="myText" class="easyui-textbox" />
<!-- JavaScript 代码 -->
<script>
$(function() {
$('#saveButton').click(function() {
var value = $('#myText').textbox('getValue');
$.ajax({
url: '/save-data',
type: 'POST',
data: { myData: value },
success: function(data) {
alert('保存成功!');
},
error: function() {
alert('保存失败!');
}
});
});
});
</script>
```
在上面的代码中,我们首先通过 `$('#myText').textbox('getValue')` 方法获取文本框中的值,然后通过 AJAX 请求将数据发送到 `'/save-data'` 接口。在后台接口中,我们可以使用相应的技术(如 Spring MVC、Express 等)来接收并保存数据。保存成功后,我们可以通过 `alert('保存成功!')` 来提示用户。
阅读全文