Ajax代码问题

时间:2014-04-25 09:54:52

标签: javascript ajax

我有以下代码:

function add_post() {
    if (document.getElementById("blogTitle").value.trim() == "") {
        alert("Please Insert Blog Title");
        return;
    }

    if(CKEDITOR.instances.editor1.getData() == "") {
        alert("Please Insert Blog Details");
        return;
    }

    var data = new FormData(document.getElementById("file_add"));
    var xhr = new XMLHttpRequest();
    var de=CKEDITOR.instances.editor1.getData();  
    xhr.open("POST", "upload.php", false)
    xhr.send(data + "&de=" + de);

    if (xhr.status == 200) { 
        alert(xhr.responseText);
        if(xhr.responseText == 2) {
            document.getElementById("res").innerHTML="Please Upload The File";     
        }

        if(xhr.responseText == 1) {
            document.getElementById("res").innerHTML="Blog Created"; 
            document.getElementById("blogTitle").value="";
            document.getElementById("editor1").value="";   
        }
    }
    else {
        output.innerHTML += "Error " + xhr.status + " occurred uploading your file.<br />";
    }  
}

我在textarea中使用CKEDITOR来获取格式化文本。我使用CKEDITOR.instances.editor1.getData()来获取textarea值。另一方面,我使用FormData,因为我想使用ajax上传表单和文件。我试图发送数据,但无法发送数据。我已将textarea值存储在de变量中。

1 个答案:

答案 0 :(得分:2)

您的form data object不是字符串。您无法使用+将更多数据连接到其中。

替换:

xhr.send(data+"&de="+de);

data.append("de", de);
xhr.send(data);