使用AJAX将基本表单数据提交到PHP Web服务

14 浏览
0 Comments

使用AJAX将基本表单数据提交到PHP Web服务

我正在使用jQuery / Ajax提交一些表单数据到一个PHP网络服务（php文件）并只是简单地回显结果。

这是我的index.html文件

Hello! Is it me you're looking for?

 

和PHP（results.php）文件

" . $_POST['subEmail'];
?>

到目前为止都没有成功，有人可以帮我吗？我已经尝试了这篇教程和这篇教程，但它们并没有帮助我。

admin 更改状态以发布 2023年5月23日
0

2 答案

0 Comments

使用你的代码，你实际上并没有查看到 results.php 的输出结果，即使你这样做了，你只是将用户重定向到页面（也不会 POST 任何数据）。

你想要做的是：

$.ajax({
    type: 'POST',
    url: 'results.php',
    data: dataString,
    success: function(data) { //where "data" is the output of results.php
        alert(data); //will bring up an alert box with subName and subEmail
    }
});

0
0 Comments

在成功处理程序中，您要捕获通过ajax呼叫返回的数据，然后使用$('#results').html(data)将其在页面上输出。此外，如果需要，您希望使用$('#submit').hide()隐藏表单。您的代码应如下所示：

$(document).ready(function () {
    $("#submit").on('submit', function (e) {
        e.preventDefault();
        $.ajax({
            type: 'POST',
            url: 'results.php',
            data: $(this).serialize(),
            success: function (data) {
                $('#results').html(data);
                //$('#submit').hide();
            }
        });
    });
});

然后，您应将以下div添加到页面中：

Results will go here

0