Question

好吧......这对我来说似乎很复杂..

我不知道是不是。

filename：add_types.js

我有一些数据，我在mysql db中创建（用于后端系统）。通过jquery / json。它工作正常。

            var last_id = data.last_id;
        var fck_editor = data.fck_editor;

        var new_data = '<div id="input_highlight'+last_id+'"><strong style="font-size:14px;">Overskrift:</strong> <br />';
        new_data += '<input type="text" name="overskrift[]" /><br />';
        new_data += '<input type="hidden" name="tekst_id[]" value="'+data.last_id+'" />';
        new_data +=  fck_editor;
        new_data += '<a href="javascript:;" onclick="remove_rejse('+last_id+');" title="Slet"><img src="/gfx/admin/icons/delete.png" alt="" />Slet</a>';
        new_data += '</div><div id="loader'+last_id+'"></div><br />';                       

        $(div_id).append(new_data);

现在我只需要更新它（在它输出的同一个文件中）

rejser.php 我的数据在div中显示出来

<div id="add_here" class="add_here_bg"></div>

当我在rejser.php文件中提交另一个表单时，我希望在db中更新add_types.js的输出。

如果我的问题可以理解，请告诉我。

Answer 1

您可以使用常规的jQuery AJAX请求，该请求将div的内容提交给服务器端脚本：

var content = $('#add_here').html();
$.get(url_of_script, content);

然后让脚本将其添加到数据库中。你熟悉使用PHP / MySQL来做这件事吗？

如果要在提交表单时更新此内容，请尝试将事件侦听器附加到表单的onSubmit事件。

编辑：

因此，首先将onSubmit属性添加到表单中：

<form onSubmit="return formSubmit(event);">

现在，您必须在某个地方定义此功能 - 尽管建议使用页面的<head>部分，但这并不重要。当然，外部文件也是可能的。

function formSubmit(event) {
    var content = $('#add_here').html();

    // this callback will make sure the form is submitted after having completed the other request
    var callback = function() { event.target.submit() };
    $.get(url_of_script, content, callback);

    // Now, cancel the default event, the callback will take care of the submit afterwards
    event.stopPropagation();
}

没有测试过，但是这样的事情应该可行。如果您需要更多帮助，请告诉我。

将json数据更新为db

1 个答案: