Как отправить несколько данных с помощью jjery ajax?

Как отправить несколько данных с помощью ajax jquery?

Или используйте этот, создавая массив объектов в виде

 dat = [ { "name": "Charlie Brown", "age": "13" }, { "name": "Peppermint Patty", "age": "11" } ] 
 var tr_add="{amp}lt;tr{amp}gt;{amp}lt;td{amp}gt;{amp}lt;input type='text' name='name'{amp}gt;{amp}lt;/td{amp}gt;{amp}lt;td{amp}gt;{amp}lt;input type='text' name='age'{amp}gt;{amp}lt;/td{amp}gt;{amp}lt;td{amp}gt;{amp}lt;select name='gender'{amp}gt;{amp}lt;option{amp}gt;female{amp}lt;/option{amp}gt;{amp}lt;option{amp}gt;male{amp}lt;/option{amp}gt;{amp}lt;/select{amp}gt;{amp}lt;/td{amp}gt;{amp}lt;th{amp}gt;{amp}lt;input type='text' name='shoesize'{amp}gt;{amp}lt;/th{amp}gt;{amp}lt;/tr{amp}gt;"; $(function(){ $(".add").click(function(){ $("tbody").append(tr_add); }); $(".send").click(function(){ var dat=$("#myform").serializeArray().reduce(function(a,v){ if (v.name=='name') a.push({name:v.value}); // add new object to array else a[a.length-1][v.name]=v.value; // add attribute to existing object return a; },[]) console.log(dat); }); }) 
 {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;button class="add"{amp}gt;Add{amp}lt;/button{amp}gt;{amp}lt;form id="myform"{amp}gt; {amp}lt;table class="orders-detail table table-striped table-bordered row-border hover" width="100%"{amp}gt; {amp}lt;thead{amp}gt;{amp}lt;tr{amp}gt;{amp}lt;th{amp}gt;Name{amp}lt;/th{amp}gt;{amp}lt;th{amp}gt;Age{amp}lt;/th{amp}gt;{amp}lt;th{amp}gt; gender{amp}lt;/th{amp}gt;{amp}lt;th{amp}gt;shoe size{amp}lt;/th{amp}gt;{amp}lt;/tr{amp}gt;{amp}lt;/thead{amp}gt; {amp}lt;tbody{amp}gt;{amp}lt;/tbody{amp}gt; {amp}lt;/table{amp}gt;{amp}lt;/form{amp}gt; {amp}lt;button class="send"{amp}gt;Send{amp}lt;/button{amp}gt; 

Данные могут быть расширены без необходимости что-либо менять в скрипте. Он будет собирать все данные в соответствии с атрибутом name элемента input.

Единственная «фиксированная» точка в этом скрипте — это то, что первое поле ввода должно быть тем, которое имеет name="name" . Это инициирует создание нового объекта в массиве данных.

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector