Question

我正在使用新方法通过ajax将数据发布到php页面而不刷新页面，但响应不会打印到控制台。

注意：我还没有收集要发送的表单数据，直到我真正能够让ajax工作。

HTML：

<form id="myForm" action="process.php" method="post">
      <input type="text" placeholder="Email" id="email" name="email">
      <span class="error">Email not entered</span><br />
      <input type="password" placeholder="Password" id="pword" name="pword">
      <span class="error">Password not entered</span><br />
      <input type="text" placeholder="First Name" id="fname" name="fname">
      <span class="error">First Name not entered</span><br />
      <input type="text" placeholder="Last Name" id="lname" name="lname">
      <span class="error">Last Name not entered</span><br />
      <input type="submit" value="Submit">
</form>

jQuery的：

$('#myForm').on('submit', function(e){e.preventDefault()});

var request = $.ajax({
    url         : 'process.php',
    method      : 'POST',
    data        : {name: 'Robert'},
    dataType    : 'html'
});

request.done(function(response){
    console.log(response);
});

request.fail(function(){
    console.log('fail');
});

PHP：

<?php
echo "<pre>";
print_r($GLOBALS);
echo "</pre>";
?>

Answer 1

您的提交功能没有做任何事情。你需要在其中调用ajax。

尝试：

jQuery(document).ready(function ($) {

    $('#myForm').on('submit', function(e){

        e.preventDefault();

        $.ajax({
            url         : 'process.php',
            method      : 'POST',
            data        : {name: 'Robert'},
            dataType    : 'html'
        })
        .done(function(response){
            console.log(response);
        })
        .fail(function(){
            console.log('fail');
        });
    });

});

另外我不知道你在哪里加载JS。但您可能希望将其包装在文档就绪函数中，以确保在调用它时表单存在。

最后，有一个非常好的表单插件，可以让您更轻松。 JQuery.Form。

http://malsup.com/jquery/form/

jQuery Ajax发布到php不打印响应

1 个答案: