用于 AJAX POST 发送的 Javascript 数组

Question

事情是这样的...我需要制作一个 AJAX 保存脚本。我有一个基于 php 构建的整个系统，每个操作都需要刷新...我试图通过使用 AJAX 来最小化刷新次数...我似乎找不到一种方法如何无损地发送所见即所得编辑器输出PHP脚本...

  if (window.XMLHttpRequest){
    xmlhttp=new XMLHttpRequest();
}
else{
    xmlhttp=new ActiveXObject('Microsoft.XMLHTTP');
}
function save(){
    xmlhttp.open('POST','action.php',true);
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlhttp.setRequestHeader("Content-length", document.getElementById('output').value.length);
    xmlhttp.setRequestHeader("Connection", "close");
    xmlhttp.send(document.getElementById('output').value);
    xmlhttp.onreadystatechange = function(){
        if(xmlhttp.readyState == 4 && xmlhttp.status==200){
            $('#ajaxresult').css('opacity', 0.1);
            $('#ajaxresult').stopAll().pause(1000).fadeTo(400,1);
            $('#ajaxresult').stopAll().pause(3000).fadeTo(400,0, function(){$(this).hide();});
            document.getElementById('ajaxresult').innerHTML=xmlhttp.responseText;
        }
    }
}

虽然这个脚本工作正常，但我似乎找不到提供发送选项的数组类型...语法是什么，或者有什么我不知道的吗？

顺便说一句，我是 JS 的初学者......

Answer 1

我会考虑使用 jQuery 及其 Ajax 库：

http://api.jquery.com/jQuery。 ajax/

而不是做所有你会做的事情：

$.post({url: 'action.php',data: output,success: function() { /* do something here */ }});

Answer 2

在 JavaScript 代码中创建自定义参数，如下所示：

   var jspNameParam = "content="+escape(document.getElementById('output').value);
    function myFunction() {
        if (xmlhttp) {
            xmlhttp.onreadystatechange = function() {
                if (xmlhttp.readyState == 4) {
                /*  want to accsess some data written from action.php */
                }   
            };          
            xmlhttp.open("POST", "action.php", true);   
            xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
            xmlhttp.send(jspNameParam);
        }
    }

现在在 action.php 中，您将获得参数名称为 content 的完整内容。