请问javascript是否可以处理用户输入的表格数据，将处理后的结果提交到服务器？

假设有这样一个HTML表格，当用户在文本框中输入数据后，点击提交，这时候javascript会将用户输入的内容做处理，例如去除两边的空格(trim方法)，然后将处理后的结果提交到服务器，请问这种情况是否可以用javascript实现？

解决方案 »

  1.   

    <html>
      <head>
       <title></title>
       <script type="text/javascript">
         String.prototype.trim=function()
         {  
            return this.replace(/^\s+|\s+$/g,"");
         }
       
       
       
         function creatXMLHttpRequest()
         {
            var xmlhttp;
            if (window.XMLHttpRequest)
            {
              xmlhttp=new XMLHttpRequest();  // code for IE7+, Firefox, Chrome, Opera, Safari
            }
            else
            {
              xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");// code for IE6, IE5
            }
            return xmlhttp;
         }
         
         //url=处理数据的页面
         //value=提交处理的数据(参数格式:"id=xxx"、"id=xxx&name=xxx")
         //备注:后台处理页面通过HttpContext.Current.Request.QueryString["id"]获取回传的参数
         function sendAjaxRequest(url,value)
         {
            var xmlhttp=creatXMLHttpRequest();
            if(xmlhttp!=undefined)
            { 
              try
              {
                  xmlhttp.onreadystatechange=function()
                  {
                    if(xmlhttp.readyState==4 && xmlhttp.status==200)
                    {  
                       //在这边执行成功处理后的方法
                       alert(xmlhttp.responseText);  //响应数据形式，这边是字符串形式。例外还有有xml                 格式的responseXML等
                    }
                  }
                  xmlhttp.open("POST",url,true);
                  xmlhttp.send(value);
               }
               catch(e){}
            }
            else
            {
               alert("Error");
            }
         }
         
         //提交操作
         function submit()
         {
            var name=document.getElementById("txtname").value;
            sendAjaxRequest("xxxxxx","name="+name.trim());
         }
       </script>
      </head>
      <body>
         <input type="text" id="txtname" />
         <input type="button" value="提交" onclick="submit()" />
      </body>
    </html>
      

  2.   

    <input type="submit" value="提交" onclick="return checkFrom()" />js定义一个checkFrom方法；
    function checkFrom(){
      //处理表单 提交表单验证 验证不正确return false 就不会提交}
      

  3.   


    //JS代码
    function Sub()
    {
      var valule=$('#用户名ID').val();
      var str=valule.replace(/^\s+|\s+$/g,"");
      $.get("要处理的后台地址如：aa.aspx",{str:str},function(msg){
       //回调方法
      })
    }