javascript - 简单的 jquery .post 不返回数据

Question

jquery语句:

$.post ('test.php', {f1: 'abc', f2: 'def'}, function (data) {console.log (data)})

测试.php:

 <?php
        $f1 = $_REQUEST ['f1'];
        $f2 = $_REQUEST ['f2'];

        echo $f1 . $f2;
?>

调用 jquery 语句后，没有返回任何内容，应该在控制台区域中看到。

但是，运行 test.html 时，浏览器按预期显示“f1f2”。测试.html:

<form action='test.php' method="post">
    <label>f1</label>
    <input name="f1" type="text">
    <label>f2</label>
    <input name="f2" type="text">
    <input type="submit">
</form>

为什么jquery post请求没有返回数据？

Answer 1

这应该有效:

<?php
        $f1 = $_POST ['f1'];
        $f2 = $_POST ['f2'];

        echo $f1 . $f2;
    ?>

如果您想使用 jquery 发布，请不要提交表单，在提交时阻止默认值，并触发帖子提交。

$("#yourFormId").submit(function(e){e.preventDefault();$.post ('test.php', {f1: 'abc', f2: 'def'}, function (data) {console.log (data)})})