Question

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

任何人都可以帮我解决如何仅使用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说：这会将一个用户名提交给一个名为fetch.php

的php文件

<强> HTML

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

<强>的Ajax：

    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>

使用AJAX提交表单

1 个答案: