卷曲和形式 - 不重定向到页面

Question

我有两页：

one.php

<?php if($_POST && $_POST['captcha'] == 'thisisrandom'){
    echo 'KEY = ' . uniqid();
} ?>
<form action="one.php" method="POST">
    NAME: <input type="text" name="name"> <br />
    CAPTCHA: <input type="text" name="captcha"> <br />

    <input type="submit">
</form>

两个.php

<?php
function get_web_page($url)
{
        //echo "curl:url<pre>".$url."</pre><BR>";
    $options = array(
        CURLOPT_RETURNTRANSFER => true,     // return web page
        CURLOPT_HEADER         => false,    // don't return headers
        CURLOPT_FOLLOWLOCATION => true,     // follow redirects
        CURLOPT_ENCODING       => "",       // handle all encodings
        CURLOPT_USERAGENT      => "spider", // who am i
        CURLOPT_AUTOREFERER    => true,     // set referer on redirect
        CURLOPT_CONNECTTIMEOUT => 15,      // timeout on connect
        CURLOPT_TIMEOUT        => 15,      // timeout on response
        CURLOPT_MAXREDIRS      => 10,       // stop after 10 redirects

    );

    $ch      = curl_init($url);
    curl_setopt_array( $ch, $options );
    $content = curl_exec( $ch );
    $err     = curl_errno( $ch );
    $errmsg  = curl_error( $ch );
    $header  = curl_getinfo( $ch,CURLINFO_EFFECTIVE_URL );
    curl_close( $ch );

    $header['errno']   = $err;
    $header['errmsg']  = $errmsg;

    //change errmsg here to errno
    if ($errmsg)
    {
        echo "CURL:".$errmsg."<BR>";
    }
    return $content;
}
print_r(get_web_page('http://localhost/one.php'));
?>

然后我打开页面 two.php。这显示了来自 one.php 的表单。没关系，但是如果我提交表单，那么这会将我重定向到 one.php。我如何在 two.php 页面上填写此表单，提交表单并在 one.php 页面上从 one.php 接收数据而无需重定向?

Answer 1

您可以通过 Jquery 进行 AJAX Post 调用，以防止在提交表单时重定向。

首先从表单元素中移除 action 属性。 HTML 应如下所示：

<form method="POST">
    <label for="name">NAME:</label><input type="text" name="name" />
    <label for="captcha">CAPTCHA:</label><input type="text" name="captcha" />
    <input type="submit" />
</form>

其次，监听one.php中的表单提交按钮，点击后进行ajax post调用。您可以使用jquery serialize function 从输入值创建数据集。并且由于 one.php 和 two.php 不在同一个域中，你应该使用jquery getjson 选项来获取数据。

$(document).ready(function() {
    $('form input[type=submit]').click(function(event) {
        event.preventDefault();
        var formData = $(this).closest('form').serialize();
        $.ajax({
                type: 'POST',
                url: 'one.php',
                data: formData,
                dataType: 'json',
                success: function(data) {
                   // do your work here
                }
            });
     });
});

作为最后一件事，您需要使用 php 函数json_encode 格式化您的 php 输出。所以 one.php 应该是这样的：

<?php if($_POST && $_POST['captcha'] == 'thisisrandom'){
    $arr["key"]= "KEY";
    $arr["value"]= uniqid();
    echo json_encode($arr);
} ?>