私はドラッグで機能を持っています&ドロップHTML5、です。私は別のdiv要素にドロップされた2つの要素を保存する必要があるので、私はそれらを保存するための構造を作った、すべてが動作している、一つのことを除いて、私のajaxのtequestは正常に動作していません。 .each()関数を介して要素を読み込み、要素が挿入されているかどうかを検出し、そうでなければDBからIDを取得し、次にteoryで各関数を2番目の要素に渡して同じプロセスですが、前に要素を挿入している場合は、そのIDをdivの「data-id」タグから取り出し、データベースのレジストリを更新します。 しかし、ajaxリクエストは2つのプロセスを別々に行います。つまり、2ラウンドを行い、2つの要素を別々に挿入します.1つではなく2つのIDを取得します。これが私のコードです。Ajaxが各関数で正しく動作していません
function drop(ev)
{
ev.preventDefault();
var data = ev.dataTransfer.getData("text");
ev.target.appendChild(document.getElementById(data));
$(".team").removeClass('selected');
var torneo = $(ev.target).attr("data-tournament");
var jornada = $(ev.target).attr("data-jornada");
var partido = $(ev.target).attr("data-partido");
var undef = 0;
if($(".match-container-"+partido).find("div.posiciones img").length==2)
{
$(".match-container-"+partido).find("div.posiciones img").each(function()
{
/*if(typeof $(".match-container-"+partido).find("div.posiciones img").attr('data-equipo')== 'undefined')
{*/
alert("El parent de: "+$(this).attr('data-tooltip')+" es: "+$(this).parent().attr("data-equipo"));
$(".match-container-"+partido).find("div.posiciones img").attr('data-equipo',$(this).parent().attr("data-equipo"));
/*}
else
{
alert($(this).parent().attr("data-equipo"));
}*/
var equipo = $(this).attr("data-equipo");
var team = $(this).attr("data-id");
console.log("entro al igual a 2");
console.log("FOUNDED:"+$(".match-container-"+partido).find("div.posiciones img").length);
/*$(".match-number-container-"+partido).removeClass('blue')
$(".match-number-container-"+partido).addClass('green')*/
if($(".match-container-"+partido).find("div.posiciones img").length==2)
{
$(".match-container-"+partido).find("div.posiciones img").attr('draggable','false');
$(".match-container-"+partido).find("div.posiciones").attr('ondrop', 'false');
$(".match-container-"+partido).find("div.posiciones").attr('ondragover', 'false');
}
alert("Se insertará el partido: "+partido+", de la jornada: "+jornada+" del: "+torneo+" con: "+$(this).attr('data-tooltip')+" de ID "+team);
if(typeof $(".match-container-"+partido).attr('data-id')== 'undefined')
{
alert("Entro al AJAX de vacío"+$(".match-container-"+partido).attr('data-id'));
$.ajax({
url: '<?=base_url();?>jornada/insertarPartido',
type: 'POST',
dataType: 'json',
data: {param1: jornada,
param2: torneo,
param3: team,
param4: undef,
param5: equipo,
param6: $(this).attr('data-tooltip')},
success:function(json)
{
if(json.response_code=="200")
{
alert("insertado");
$(".match-container-"+partido).attr('data-id',data.response_id);
}
console.log(data);
},
error:function(xhre)
{
console.log("error");
console.log(xhre)
}
})
}
else
{
$.ajax({
url: '<?=base_url();?>jornada/insertarPartido',
type: 'POST',
dataType: 'json',
data: {param1: jornada,
param2: torneo,
param3: team,
param4: $(".match-container-"+partido).attr('data-id'),
param5: equipo},
success:function(json)
{
if(json.response_code=="200")
{
alert("insertado");
}
console.log(data);
},
error:function(xhre)
{
console.log("error");
console.log(xhre)
}
})
}
});
}
私があなたを助けてくれることを願っています。