javascript - 使用 jquery 使用元素属性发出 ajax 请求

Question

我想发出一个ajax请求，我想给我所有的元素属性。例如，我选择所有元素:

var elements = $('.droppable')

然后我制作我的ajax:

 $.ajax({
     url: "test.html",
     data: {myelements : elements},
      success: function(){

      }
  });

我怎样才能将我的所有元素属性指定为高度、宽度、位置、顶部、左侧...到我的ajax请求。我必须自己制作一个数组还是有其他方法？

我想这样做，因为我想将元素的所有绝对位置保存在数据库中。

感谢您的帮助。

Answer 1

您必须自己执行此操作，列出您想要的属性。因此，您不必执行 { width : "width", height : "height"} 等操作。通过以下方法，您可以将包含 css 元素和 attr 元素的数组放入一个数组中将被用作循环。

您甚至可能希望将 attr 和 css 数组分开，因为当您从服务器取回它时，您可以循环遍历每个元素属性和 css 对象。

喜欢:

var attr = ["name", "id"];
var css = ["position", "left", "top"];
var elementsData = [];

$('.droppable').each(function(){
    var data = {};
    for(var i in attr)
    {
        data[ attr[i] ] = $(this).attr( attr[i] );
    }
    for(var i in css)
    {
        data[ css[i] ] = $(this).css( css[i] );
    }

    elementsData.push(data);
});


$.ajax({
     url: "test.html",
     data: {myelements : elementsData},
      success: function(){
          $('.droppable').addClass("done");
      }
  });