How can I retrieve form data in layui? ラユイでフォームデータを取得する方法は何ですか?
layuiでフォームデータを取得する一般的な方法は2つあります。
- formモジュールを使用して、フォームデータを取得するために送信イベントを監視します。
最初にlayuiのformモジュールをインポートする必要があります。 - layui.use(‘form’, function(){
var form = layui.form;
});layui.use(‘form’, function(){
var form = layui.form;
}); - フォームの送信イベントにリッスンし、form.on(‘submit(formDemo)’, function(data){})を使用してフォームデータを取得します。ここで、formDemoはフォームのlay-filter属性値です。
- form.on(‘submit(formDemo)’, function(data){
var formData = data.field;
// フォームデータを取得
// formDataにはフォームのすべてのフィールドとその値が含まれています
return false; // フォームの遷移を防止
}); - 上記のコードでは、data.fieldがフォームデータを表し、data.field.fieldNameを使用して特定のフィールドの値を取得できます。
- jQueryまたは生のJavaScriptを使用してフォームデータを取得します。
まず、フォームをレンダリングするためにlayui.form.render()メソッドを使用する必要があります。その後、フォームデータを取得するためにjQueryのserialize()メソッドを使用できます。 - layui.use([‘form’, ‘jquery’], function(){
var form = layui.form;
var $ = layui.jquery;form.render();$(‘#formId’).on(‘submit’, function(e){
e.preventDefault();
var formData = $(this).serialize();
// フォームデータを取得
// formDataはフォームがシリアル化された文字列です
});
}); - 上記のコードでは、formIdはフォームのid属性の値であり、$(this).serialize()を使用してフォームデータを取得できます。