我正在将 jQuery UI 中的一些数据存储到数据库中......
$( ".MYELEMENT" ).draggable({
stop: function(event, ui) {
var pos_x = ui.position.left;
var pos_y = ui.position.top;
var divid = ui.helper.attr("id");
jQuery.ajax({
type: "POST",
url: window.ajaxurl,
data: { "action": "myAjax", id: divid, x: pos_x, y: pos_y }})
.done(function( msg ) {
});
}
});
注意那些变量,我将它们传递给我的脚本..
function myAjax() {
global $wpdb;
// The data here comes from an ajax call
$term_id = 100;
$name = $_POST['id'];
$slug = $_POST['x'];
$term_group = $_POST['y'];
// I'm adding into wp_terms a default table (for testing)...
$query = "INSERT INTO $wpdb->terms (term_id, name, slug, term_group)
VALUES (%s, %s, %s, %s)";
// Here I insert the ajax data into the columns
$wpdb->query($wpdb->prepare($query, $term_id, $name, $slug, $term_group));
$wpdb->update("$wpdb->terms",
array('slug' => $_POST['x'], 'term_group' => $_POST['y']),
array('name' => $_POST['id']));
die();
}
$_POST['id'];
是这个 HTML 元素的 ID ...
<div class="MYELEMENT draggable" id="element"></div>
此 ID 存储在上面的$name
变量中..
我的桌子看起来像
|term_id| |name| |slug| |term_group|
|100| |element| |X Value here| |Y value here|
您在我的目标更新函数中看到slug
并term_group
使用 ajax 值WHERE
名称更新它们$_POST['id']
<--- 这是element
在我的表中.. 一切都很好......但是
如果我有一个新的$_POST['id']
怎么办?
<div class="MYELEMENT draggable" id="element2"></div>// notice the ID changes
ID 更改并将传递到我的 ajax 值中,如何创建新行并继续更新该行 X 和 Y 值?我会继续添加新元素..
<div class="MYELEMENT draggable" id="element3"></div>
<div class="MYELEMENT draggable" id="element4"></div>
每个 div 都应该有自己的行。当我手动更改$term_id = 100;
时,例如当我将其拖动<div class="MYELEMENT draggable" id="element"></div>
到数据库中时,这会起作用,就像上面一样
|term_id| |name| |slug| |term_group|
|100| |element| |X Value here| |Y value here|
但是当我更改$term_id = 100;
并$term_id = 101;
拖动<div class="MYELEMENT draggable" id="element2"></div>
上面的行时...并创建了一个新行
|term_id| |name| |slug| |term_group|
|101| |element2| |X Value here| |Y value here|
这是我想要实现的目标,但我不想手动更改$term_id = 101;
这有意义吗?
好的解决方案我终于使用了一点逻辑并决定给出ID的数字..
echo '<div class="MYELEMENT draggable" id="100"style="left: '.$x.'px; top: '.$y.'px;"></div>';
echo '<div class="MYELEMENT draggable" id="102"style="left: '.$x.'px; top: '.$y.'px;"></div>';
echo '<div class="MYELEMENT draggable" id="103"style="left: '.$x.'px; top: '.$y.'px;"></div>';
然后我像这样运行我的更新
global $wpdb;
//The data here comes from an ajax call
$term_id = $_POST['id'];
$name = $_POST['id'];
$slug = $_POST['x'];
$term_group = $_POST['y'];
//Im adding into wp_terms a default table (for testing)...
$query = "INSERT INTO {$wpdb->terms} (term_id, name, slug, term_group) VALUES (%s, %s, %s, %s)";
//Here I insert the ajax data into the columns
$wpdb->query($wpdb->prepare($query, $term_id, $name, $slug, $term_group));
$wpdb->update("$wpdb->terms", array('slug' => $_POST['x'], 'term_group' => $_POST['y']), array('term_id' => $_POST['id']));
die();