从提交表格中检索数据

问题描述:

我正试图通过另一个HTML文件中的分隔HTML文件中的表单提交信息,我想从中检索信息。从提交表格中检索数据

如何使用jQuery获取file2.html中提交的数据值并显示它们?

的JavaScript

$(document).ready(function(){ 
    $("#form").submit(function(e){ 
     e.preventDefault(); 
     var dataForm = $(this).serialize();  
     $.ajax ({ 
      type : "POST", 
      url : $(this).attr('action'),     
      data : dataForm, 
      success: function(data) { 
       alert(data); 
      }    
     }); 
    });//endsubmit 
});//end ready 

HTML

<body> 
    <form id="form" action="file2.html">     
     <input type="text" name="fname" id="fname" value="" /> 
     <input type="text" name="lname" id="lname" value="" /> 
     <input type="submit" id="submit" value="Generate signature"> 
    </form> 
</body> 
+0

你的代码是什么? –

+0

您是否试图将其提交回服务器?你在服务器端使用什么?它是PHP,ASP.NET,JSP吗? –

+0

我是新来的,我没有使用任何服务器端。它是在其他html页面中检索表单信息的唯一方法? –

让我清楚你一件事,你可以从HTML文件中的数据发送到HTML中你需要使用服务器端的像PHP文件或用于PHP的.NET 试试这个

var data = new FormData($('#form')[0]);//this will select all the form data in the data variable. 

     $.ajax({ 
      type:"POST", 
      url:"insert.php", 
      data:data, 
      contentType: false, 
      cache: false, 
      processData: false, 
      success:function(dta) 
      { 
       alert(dta); 
      } 

     }); 

你可以试试这个教程的完整说明http://w3code.in/2015/10/insert-data-in-database-without-refreshing-page-using-ajax-and-php-beginner-guide/

+0

我应该创建insert.php文件吗? –

+0

是的,你需要创建insert.php文件来获取数据 – Ricky

+0

谢谢。我可以问你告诉我如何使用PHP获取数据? –