Question

Hello StackOverflow。这次我需要对Ajax有所帮助。

这是我的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中提交相同的电子邮件并提交。

提前谢谢！

Answer 1

您可以使用$(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/

Ajax Iframe触发器点击提交

1 个答案: