複数入力の同じ名前のフォームを使わずにjqueryで配列をPHPに送る方法

Question

私のcodeigniterアプリに配列を送って削除したい。私は複数の同じ名前の入力フォームを行うことができます知っています。しかし、私はフォームなしでそれをどうやってできるのか尋ねることはできますか？私はajaxで投稿できますか？

// HTMLコード

<li class="bigbox empty" id="bigbox_52"><a title="" href="#" class="abigbox selectbox" rel="52" style="opacity: 0.5;"></li> 
<li class="bigbox empty" id="bigbox_37"><a title="" href="#" class="abigbox selectbox" rel="37" style="opacity: 0.5;"></li> 
<li class="bigbox empty" id="bigbox_36"><a title="" href="#" class="abigbox selectbox" rel="36" style="opacity: 0.5;"></li> 
<li class="bigbox empty" id="bigbox_38"><a title="" href="#" class="abigbox selectbox" rel="38" style="opacity: 0.5;"></li> 
<li class="bigbox empty" id="bigbox_39"><a title="" href="#" class="abigbox selectbox" rel="39" style="opacity: 0.5;"></li> 

<a class="delall" href="">Delete All</a> 

// jQueryのコード

$(".delall").click(function(){ 
    var values = $(".selectbox").map(function(){ 
    return $(this).attr('rel'); 
    }).get(); 

     return false; 
}); 

私はjQueryを使って新しいメートルので、私はsooryこの配列を、処理するために助けてください。どうもありがとう。

Answer 1

あなたは配列を送信するためにjQueryのpost（または任意の他のAJAX呼び出し）を使用することができます。詳細については

$.post("test.php", { 'choices[]': ["Jon", "Susan"] }); 

は、一見hereを持っています。

Answer 2

リスト要素で何を達成しようとしているのかははっきりしませんが、まずJavascriptでオブジェクトを作成し、$ .post（）関数を呼び出します。なぜチェックボックスを使用しないのですか？このビッグボックスのものは何ですか？

function postArray(){ 
    var mapTo = function(){ 
    return $(this).attr('rel'); 
    }, 

    values = $(".selectbox").map(mapTo).get(), 
    url = "http://my-server.com/resource.php"; 

    $.ajax({ 
    type: 'POST', 
    url: url, 
    data: {'values[]':values}, 
    success: function(response){ 
     console.log(response); 
    } 
    }); 
} 

$(".delall").click(postArray); 

jQueryのドキュメントが徹底され、いくつかの良い例があります。このような何かについてどのように

$(document).ready(function(){ 

    //your previous code here to get the proper values. 

    var url = "yourapp.com/yourcontroller/yourfunction"; 
    $.post(url, values, function(response){ 
     //when the server responds, log the response. 
     console.log(response); 
    }) 
}); 

Answer 3

。 $.ajaxのドキュメントは、次のURLにあります。http://api.jquery.com/jQuery.ajax/