卷曲和表单 - 不重定向到页面

时间:2012-11-13 13:17:54

标签: java php javascript jquery curl

我有两页:

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>

two.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 页面 two.php 接收数据,无需重定向?

1 个答案:

答案 0 :(得分:0)

您可以通过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 call。您可以使用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);
} ?>