Ajax Iframe触发器单击提交

Ajax Iframe trigger click submit

本文关键字:提交 单击 触发器 Iframe Ajax      更新时间:2023-09-26

你好,StackOverflow。这次我需要阿贾克斯的帮助。

这是我的Ajax代码。

$('#contactForm1').submit(function (e) {
    e.preventDefault();
    var email = $('#email').val();
    var frm = this;
    $.ajax({
        type: 'POST',
        dataType: 'JSON',
        url: 'check.php',
        data: {
            email: email
        },
        success: function (data) {
            if (data.status == 'success') {
                frm.submit();
            } else {
                alert('The e-mail address entered is not valid.');
            }
        }
    });
});

这是iFrame代码:

    <div class="iFrame"><input class="text" id="iframetarget1" type="text" name="email" value="" tabindex="500" onfocus=" if (this.value == '') { this.value = ''; }" onblur="if (this.value == '') { this.value='';} " />
<div class="buttonContainer">
<input name="submit" class="submit" type="submit" value="Submit" tabindex="501" />

以下是我希望场景发生的情况,
1.Ajax检查电子邮件并提交表单后,将信息传递给。
2.在iFrame中提交相同的电子邮件并提交。

提前谢谢!

U可以使用$(window.frames[0].document)获取iframe内容,然后正常操作。例如:

$(window.frames[0].document).find('#iframetarget1').val(email);
$(window.frames[0].document).find('.submit').trigger('click');

http://fiddle.jshell.net/du5sazay/1/