jQuery提交表单成功

时间:2016-10-05 13:37:29

标签: jquery forms

我在按钮点击事件中调用了第三方API的功能。

见下面,按钮点击的tp.callFunction,仅在成功时我想将res.myNum存储在隐藏字段中并提交表单。

我感到困惑的部分是编写或扩展(.success(functionOne))的位置,以便我可以为表单提交代码。

$('[button1]').on('click', function () {
    var getdatafrom = {
        param1: $('input:text').val()
    };

    tp.callFunction(getdatafrom)
    .success(functionOne)
    .error(functionFail);
    return false;
});

function functionOne(res) {
    alert("Sample: " + res.myNum);
};

function functionFail(res) {
    alert("Error: " + res.errormessage);
};

我知道我们可以在.ajax帖子中执行此操作,如下所示

$.ajax({ 
        data: { 'field1' : email  },
        type: 'GET', 
        dataType: 'json',
        url: 'url.php',
        beforeSend : function(){   },
        success: function(answer){   
            if(answer.error === false){
                   $('#greatForm').attr('validated',true);
                   $('#greatForm').submit();
            } 
            if(answer.error === true){
                //display the errors
            }
        }
     });

1 个答案:

答案 0 :(得分:2)

如果您只想存储值并在成功函数中提交表单, 它应该像下面一样,

function functionOne(res) {
    $('#idOfYourHiddenField').val(res.myNum);
    $('#greatForm').submit();
};

我保证在你的第三方api成功之后正确调用functionOne函数。