如何使用JQuery发布html表单数据?

时间:2015-01-23 13:14:52

标签: jquery html

我是JQuery的初学者,我正在尝试使用POST方法和JQuery打印我的表单数据。以下是我的html文件

<html>
    <head>
        <title>JQUERY POST FORM DATA</title>   
    </head>
<body> 
<h1>jQuery post form data using .post() method</h1> 
<form id='userForm'>
    <div><input type='text' name='firstname' placeholder='Firstname' /></div>
    <div><input type='text' name='lastname' placeholder='Lastname' /></div>
    <div><input type='text' name='email' placeholder='Email' /></div>
    <div><input type='submit' value='Submit' /></div>
</form>
<div id='response'></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js "></script>
<script>
$(document).ready(function(){
    $('#userForm').submit(function(){
        $('#response').html("<b>Loading response...</b>");
        $.post('postit.php', $(this).serialize(), function(data){
            $('#response').html(data);
        }).fail(function() {
            alert( "Posting failed." );
        });
        return false;
    });
});
</script>
</body>
</html>

然后以下是我的打印文件postit.php

print($_POST['firstname']);
print($_POST['lastname']);
print($_POST['email']);

我可能还没有很好的来源打印它。有人可以帮我打印我的数据吗?

0 个答案:

没有答案