Как мы можем получить данные из html-формы в виде данных JSON с помощью jquery?
Bir html formundan jquery ile JSON verisi olarak nasıl veri alırız?
Merhaba, bu yazımızda html formdaki nesneleri Jquery extend fonksiyonu olusturarak json objesi şeklinde yakalamayı göstereceğim. Elbette bu işlemi tekli olarak $(“..”).val() şeklinde alarak ta tek tek atama yaparak bir obje yaratabiliriz. Форма Veya да тек тек dönerek те yakalayabiliriz. Bu yazımızda ise kendimize özel Jquery расширить fonksiyonu yaratıp bunu istediğimiz yerde kullanabileceğimiz bir yapı oluşturacağız. Hem de bir JQuery Extend метод nasıl yaratılır ve nasıl kullanılır bunu canlı bir örnekle öğrenmiş olacağız.
Не: Bu yazı orta düzey geliştiriciler baz alınarak hazırlanmıştır. Html-Jquery gibi temel kavramları ve bunları nasıl projenizde kullanacağınızı biliyor olarak varsaydim.
‹!DOCTYPE html›
‹html›
‹body›
‹h2›JQuery — HTML-форма JavaScript в JSON‹/h2›
‹идентификатор формы =”form_1' action=”#”›
‹label›Ad:‹/label›
‹input type=”text” name=”name” value=”Kadir”›
‹ label›Soyad:‹/label›
‹input type="text" name="surname" value="Akbulut"›
‹label›Eğitim:‹/label›
‹выберите имя =”образование”›
‹option value=”Lise”›Lise‹/option›
‹option value=”Ön Lisans” selected=”selected”›Ön Lisans‹/option›
‹option value=”Lisans”›Lisans‹/option›
‹/select›
‹label for="checkbox_1"›Sözleşme Onayı:‹/label›
‹input id=”checkbox_1 ' type="checkbox" name="contract"›
‹label›CV:‹/label›
‹input type="file" name="cv"›
‹br›‹ br›‹input type="button" value="Veriyi Json Olarak Göster"›
‹/form›
‹/body›
‹/html›
$(function() {
jQuery.fn.extend({
formToJSON: function() {
const frmObject = $(this);
let returnArray = new Array();
const searchObjects = 'input[type=text],input[type=password],input[type=file],select';
frmObject.find(searchObjects). каждая(функция(i,e){
let arr = {“name”:$(this).prop(’name’),”value”:$(this).val()};
> returnArray.push(arr);
})
return returnArray;
}
});
$('input[type=”button”]') .on('click',function(){
var data = $('#form_1').formToJSON();
console.log(data)
})
});
Тестовый этмек ичин -› https://jsfiddle.net/kadir_akbulut/yh3qm5dj/124/
