从提交的表单中检索数据

时间:2015-10-31 02:03:32

标签: jquery ajax

我正在尝试通过单独的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>

1 个答案:

答案 0 :(得分:0)

让我清楚一点,您可以将数据从html文件发送到html文件,您需要使用服务器端,如PHP或.NET  对于PHP试试这个

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/