jQuery ajax - serializeArray() method

jQuery Ajax ուղիղ ձեռնարկ

Example

Output the serialized form values in array form:

$("button").click(function(){
  x=$("form").serializeArray();
  $.each(x, function(i, field){
    $("#results").append(field.name + ":" + field.value + " ");
  );
);

Try it yourself

Definition and usage

serializeArray() method creates an object array (name and value) by serializing form values.

You can select one or more form elements (such as input and/or textarea), or the form element itself.

Syntax

$(selector).serializeArray()

Detailed explanation

serializeArray() method serializes form elements (similar .serialize() method)), returns JSON data structure data.

Note:This method returns a JSON object, not a JSON string. You need to use a plugin or a third-party library for stringification.

The returned JSON object is an array of objects, each containing one or two name-value pairs - name parameter and value parameter (if value is not empty). For example:

[ 
  {name: 'firstname', value: 'Hello'}, 
  {name: 'lastname', value: 'World'},
  {name: 'alias'}, // Value is empty
]

.serializeArray() method uses W3C about successful controls（বৈধ কন্ট্রোল） আধারে যেসব ইলেকট্রনিককে সমাবেশে রাখা হবে তা নির্ধারণ করে। বিশেষ উল্লেখ্য, ইলেকট্রনিক নিষ্ক্রিয় থাকবে না (নিষ্ক্রিয় ইলেকট্রনিককে সমাবেশে রাখা হবে না), এবং ইলেকট্রনিককে name অ্যাট্রিবিউট থাকতে হবে। সমর্থন বাটনের মানও সিরিয়ালাইজ করা হবে না। ফাইল চিহ্নিতকরণ ইলেকট্রনিকের মানও সিরিয়ালাইজ করা হবে না।

এই পদ্ধতি যেসব একক ফর্ম ইলেকট্রনিকের ওপর কাজ করতে পারে, যেমন <input>, <textarea>, এবং <select>। কিন্তু, আরও সহজ পদ্ধতি হল, সরাসরি <form> ট্যাগটির ওপর নির্দিষ্ট করে সিরিয়ালাইজ অপারেশন করা। 

$("form").submit(function() {
  console.log($(this).serializeArray());
  return false;
);

վերին կոդը առաջացնում է ստորև նշված տվյալների կառուցվածք (համարժեք է բրաուզերի console.log աջակցությունը):

[
  {
    name: a
    value: 1
  ,
  {
    name: b
    value: 2
  ,
  {
    name: c
    value: 3
  ,
  {
    name: d
    value: 4
  ,
  {
    name: e
    value: 5
  }
]

Մոդել

Ստանալ ձեռնարկի պարունակություն և ներդրել կայքում:

HTML կոդ:

<p id="results"><b>Results:</b> </p>
<form>
  <select name="single">
    <option>Single</option>
    <option>Single2</option>
  </select>
  <select name="multiple" multiple="multiple">
    <option selected="selected">Multiple</option>
    <option>Multiple2</option>
    <option selected="selected">Multiple3</option>
  </select><br/>
  <input type="checkbox" name="check" value="check1"/> check1
  <input type="checkbox" name="check" value="check2" checked="checked"/> check2
  <input type="radio" name="radio" value="radio1" checked="checked"/> radio1
  <input type="radio" name="radio" value="radio2"/> radio2
</form>

jQuery կոդ:

var fields = $("select, :radio").serializeArray();
jQuery.each( fields, function(i, field){
  $("#results").append(field.value + " ");
);

jQuery Ajax ուղիղ ձեռնարկ