Question

我知道这个问题有点＆＃34;愚蠢＆＃34;，但我试图结合输入和文件上传的一些变量。我有2个不同的ajax调用，想要将它们组合起来。

我使用jQuery和Javascript工作了很多，但我无法解决这个简单的问题。

我的HTML：

<div class="slide-new">
        <h2 class="red"><span class="fa fa-floppy-o"></span> Event erstellen</h2>
        <div class="new-content">
            <input type="text" placeholder="" value="" id="new-slide-title">
            <textarea id="new-slide-text" placeholder=""></textarea>

            <form method="post" id="fileinfo" name="fileinfo" onsubmit="">
                <input type="file" name="file" required />
            </form>

            <div class="buttons">
                <div class="button edit-slide-new">
                    <span>Hinzufügen</span>
                </div>
            </div>
        </div>
    </div>

我的JQuery：

function manageSlidesService(slideId, title, content, action) {
    $.ajax({
        type: "GET",
        async: true,
        url: '/js/ajax/slide.php',
        data: {'slideId': slideId, 'title': title, 'content': content, 'action': action},
        success: function (msg) {
            if ($(msg).filter('.success').html() == 'success') {
                //refresh();
            }
        },
        error: function (err) {
            alert(err.responseText)
        }
    });
}

function submitForm() {
    console.log("submit event");
    var fd = new FormData(document.getElementById("fileinfo"));
    fd.append("label", "WEBUPLOAD");
    $.ajax({
        url: "/js/ajax/slide.php",
        type: "POST",
        data: fd,
        enctype: 'multipart/form-data',
        processData: false,  // tell jQuery not to process the data
        contentType: false   // tell jQuery not to set contentType
    }).done(function( data ) {
        console.log("PHP Output:");
        console.log( data );
    });
    return false;
}

当我按下保存按钮时，我调用manageSlideService（）和submitForm（）。

请不要只给我一个tipp如何解决这个问题，同时也向我展示一个有效的解决方案。谢谢:)）

结合2个Ajax函数

0 个答案: