javascript - 使用 AJAX 提交表单

Question

我有一个 JSP 页面，其中包含一个复选框，因此当我尝试使用传统的 javascript 方式提交表单时document.forms[0].submit();，表单会被刷新并且复选框值不会被保留。

任何人都可以帮助我如何仅使用 AJAX 发送表单值。我不需要使用 JQuery 发送的方式。

这是我使用表单提交发送的代码：

   function relatedAER(){
      ......
      document.forms[0].literatureSelected.value = litNO + "&";
      document.forms[0].opCode.value = "relatedAER";
      document.forms[0].target='_self';
      document.forms[0].action="<%=request.getContextPath()%>/litaer.do?selected="+selected;
      document.forms[0].submit();
    }

Answer 1

我希望下一次，您会付出一些努力，甚至创建一个简单的代码，并向我们展示而不是要求脚本。

现在，那个 bieng 说：这将提交一个用户名到一个 php 文件，称为fetch.php

HTML

<input type='text' name='user' id='user' /><br/>
<input type='submit' name='submit'  onclick='check()' />
<div id='output'></div>

阿贾克斯：

    function check(){
    var xmlhttp;
        if(window.XMLHttpRequest){
            xmlhttp = new XMLHttpRequest();
        }else{
            xmlhttp = ActiveXObject('Microsoft.XMLHTTP');
    } 

    xmlhttp.onreadystatechange = function(){
    if(xmlhttp.readyState === 4 && xmlhttp.status === 200){
        document.getElementById('output').innerHTML = xmlhttp.responseText; 
            }
        }

    get_user = document.getElementById('user').value;
    param = "name="+get_user;
    xmlhttp.open('POST','fetch.php', true);
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        xmlhttp.send(param);
    }   
    </script>