提交到1页后,Jquery重定向

时间:2012-02-12 07:45:00

标签: php jquery

我有一张表格。此表单将数据提交到2个不同的页面。将数据提交到hidd.php后,我会将用户重定向到index.php。在将数据提交至hidd.php后的同时,数据将提交至ns.php。我不想等待两个页面的输出只是在将数据提交到hidd.php后快速重定向用户。所以这就是问题,如何在提交后不等待输出重定向用户。为什么我要这样做?这是一个很长的故事,我甚至考虑过使用curl>> Send php variable to two pages

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <title>Example</title>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript">
function submitForm() {
    $.ajax({
        type:'POST', 
        url: 'hidd.php', 
        data:$('#ContactForm').serialize(), 
});

        $.ajax({
        type:'POST', 
        url: 'ns.php',
        data:$('#ContactForm').serialize(), 
});


    return false;
}
    </script>
</head>

<body>
<form id="ContactForm" onsubmit="return submitForm();">
    Your subdomain: <input type="text" name="subdomain" value="" /><br /> 
    Your ns1: <input type="text" name="ns1" value="" /><br /> 
    Your ns2:<br /> <input type="text" name="ns2" value="" />
    <br /><br /> 
    <input type="submit" name="submit" value="Submit" /><br />
    <div class="form_result"> </div>
</form>

</body>
</html>

2 个答案:

答案 0 :(得分:1)

您可以使用$ .post方法。我不确定您的php文件的结构,但您可以随意处理发布的数据。

html改变自:

  <form id="ContactForm" onsubmit="return submitForm();">
        Your subdomain: <input type="text" name="subdomain" value="" /><br /> 
        Your ns1: <input type="text" name="ns1" value="" /><br /> 
        Your ns2:<br /> <input type="text" name="ns2" value="" />
        <br /><br /> 
        <input type="submit" name="submit" value="Submit" /><br />
        <div class="form_result"> </div>
    </form>

为:

<form id="ContactForm">
    Your subdomain: <input type="text" name="subdomain" value="" id="subDomain" /><br /> 
    Your ns1: <input type="text" name="ns1" value="" id="ns1" /><br /> 
    Your ns2:<br /> <input type="text" name="ns2" value="" id="ns2" />
    <br /><br /> 
    <input type="button" name="submit" value="Submit" id="submitButton" /><br />
    <div class="form_result"> </div>
</form>

javascript:

 $(document).ready(function(){
        $('#submitButton').click(function(){
        var subDomain = $('#subDomain').val();
        var ns1 = $('#ns1').val();
        var ns2 = $('#ns2').val();
            $.post('hidd.php', {
                subDomain : subDomain,
                ns1 : ns1,
                ns2 : ns2
            });
            $.post('ns.php', {
                subDomain : subDomain,
                ns1 : ns1,
                ns2 : ns2
            }, function(){
               location.href="index.php";
            });

        });
    });

将按钮从提交更改为按钮将停止自动重定向,因此您不必返回false。然后,您可以随意重定向。

答案 1 :(得分:0)

你可以这样做:

$.ajax({ /** params **/ });
$.ajax({ /** params **/ });
location.href='index.php';