Javascript 图像拖放后，使AJAX保存以保存图像及其类

我有一个页面，我正在从一个div拖动图像并将其拖放到另一个div中。拖放事件后，用户必须单击“保存”按钮，通过发出get请求将数据保存到数据库中。但单击该按钮后，页面将刷新，并且该图像再次位于上一个div中

那么，我可以做些什么来调用AJAX，以便在drop事件之后保存图像及其类呢

javascript

阿贾克斯

对不起，我不懂ajax，你能给我演示一下我是如何使用ajax的吗 你能做到吗

基本上只是JS JQuery中发送请求的一种方式

使用它非常简单：

$("element").on("event", function() {
    $.ajax({
        url: "your_url",
        data: {your: "data"},
        success: function(data) { 
            //success
        },
        error: function(data) {
            //error
        }
    });
});

代码

对你来说，我想试试这个：

<div class="control-group">
  <a id="btn-start" href="/dashboard/save" data-pk="{{ pk }}" class="btn btn-primary btn-embossed">Save</a>
</div>

$("#btn-start").on("click", function() {
    $.ajax({
        url: $(this).attr("href"),
        data: {pk: $(this).data("pk")},
        success: function(data) {
            //success here
        },
        error: function(data) {
           //error here
        }
    });
});

---

在每次drop事件之后，通过ajax将图像保存到db，然后将保存的图像加载到第二个div中，或者您可以使用cookie。

<div class="control-group">
  <a id="btn-start" href="/dashboard/save" data-pk="{{ pk }}" class="btn btn-primary btn-embossed">Save</a>
</div>

$("#btn-start").on("click", function() {
    $.ajax({
        url: $(this).attr("href"),
        data: {pk: $(this).data("pk")},
        success: function(data) {
            //success here
        },
        error: function(data) {
           //error here
        }
    });
});