如何在AjaxForm使用后更改表单的提交值

时间:2013-03-02 08:56:45

标签: ajax jquery ajaxform

我正在使用AjaxForm扩展来提交带有ajax的表单,如下所示

var options = 
        {
            url:'<?php echo site_url('user/ajaximage')?>',
            dataType: 'json',
            success:   function(data)
            {
                if(data.messagecode==1)
                {
                    $(".wrap label").hide();
                    $("#preview").html("<img src='"+data.content+"'class='preview'>");
                    $("#errormessagepic").hide();
                }
                else if(data.messagecode==0)
                {
                    $("#errormessagepic").html(data.content);
                    $("#preview").html('<img width="100" height="100" src="<?php echo base_url();?>/images/avatar_generic.png" />');        
                }
                //$('#SignupForm').resetForm();
                //$("#SignupForm").attr('action','<?php echo site_url('user/individualprofile')?>');
            } ,
        }; 
        $("#SignupForm").ajaxForm(options);
        $("#SignupForm").submit();

但是在这个ajax提交之后我想将表单重新发送到除''之外的另一个URL但是它不起作用。任何帮助

1 个答案:

答案 0 :(得分:0)

好的,所以你想使用ajax将表单发布到两个不同的URL。我不知道你的扩展,但我可以告诉你如何做到这一点。

1-创建一个函数并在用户单击提交时运行此函数     &lt; -input type =“button”name =“submit”value =“Submit”onclick =“post_form()” - /&gt;

2-创建函数体,此函数将数据提交给两个url     

    function post_form(){

    // save the values in text boxes in variable

    var val1=$("#text1").val();
    var val2=$("#text2").val();

    var data={name:val1,age:val2};

    var url1="savedata.php";
    var url2="updatedata.php";

    $.post(url1,data, function(response){ 

    alert(response);

    // so when the form is submited to ur1 this callback function runs and here you can submit it to another url

    $.post(url1,data,function(response){alert(response)});

    });

    }

</script>