将jQuery $(this)分成ajax?

时间:2013-01-16 20:22:19

标签: jquery arrays this jquery-ui-draggable

我需要在单独的php文件中使用以下坐标,我猜最好的方法是通过ajax传输。

html如下:

 <div id="canvas">
 <div class="point1">
 <div class="coord"></div>
 </div>

 <div class="point2">
 <div class="coord"></div>
 </div>

 <div class="point3">
 <div class="coord"></div>
 </div> etc
 </div>

我当前编写的jQuery UI可拖动函数当前显示了每个div的顶部和左侧位置直接位于被拖动的div下方:

...
element = this;
var top = $(this).position().top;
var left = $(this).position().left;
$('.coord', this).text('Top: ' + top + 'px' + ' Left: ' + left + 'px');
...

但是为了现在使用PHP变量中的每个点坐标,我需要先将$('.coordinates', this) etc拆分成数组,然后通过ajax传输到php中 - 如果有的话,有人知道怎么做?

或者是否有更简单的方法 - 因为我确定可能存在?!?我有点困惑!

欣赏任何建议或指示。

1 个答案:

答案 0 :(得分:2)

好吧,我不是那么先进,但是如果你想把数据从javascript(jquery)传递给PHP,就像你用ajax说的那样使用jquery方法$ .post:

    $.post("file.php", { coordTop: top , coordLeft: left },
  function(data) {// ON REQUEST DONE YOU CAN RETURN (echo, print,..) DATA
    alert("Data: " + data);
  });

在PHP文件中你可以捕获那些带有$ _POST [“coordTop”]和$ _POST [“coordLeft”]

的变量