douji8347
2012-10-07 16:59
浏览 82
已采纳

Jquery:从iframe加载上传结果

Here is my form

HTML

<div id="contactus">
     <form action="carrer_.php" method="POST" ENCTYPE="multipart/form-data" class="contactUs" id="send_cv" target="carrer_iframe">
        <label> Name
          <input type="text" name="name"  />
        </label>

        <label> Email
          <input type="text"  name="email" />
        </label>

        <label> Mobile
          <input type="text" class="mobile" name="mobile" />
        </label>

        <label> Cv
           <input type="file" id="cv" name="file" />
        </label>

        <label> Other Info
          <textarea name="message" cols="1" rows="1"></textarea>
        </label>
        <input type="submit" value="send" />
      </form>
      <div id="iframe_result"></div>
      <iframe name="carrer_iframe" id="carrer_iframe" src="carrer_.php" style="width;0;height:0;display:none;" ></iframe>
    </div>

Js

 $('#send_cv').submit( function(){
        $("#carrer_iframe").contents().html("") ;
        $("#iframe_result").load(function(){
                alert( 1 ) ;
                response = $("#carrer_iframe").contents().find("body:last").text();
                alert( response ) ;
                $("#iframe_result").html(response).show();
            });
  } ) ;

After submit the form ( Nothing happened??? )

How can i get the result from the hidden iframe and alert it && Or what is my error

Best regards

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • dtxb75622 2012-10-07 17:58
    已采纳

    There seems to be nothing preventing the form from submitting normally. Try passing the event from the submit function and calling .preventDefault.

    $('#send_cv').submit( function(event){
            // Preventing the default form submission action
            event.preventDefault();
            $("#carrer_iframe").contents().html("") ;
            $("#iframe_result").load(function(){
                    alert( 1 ) ;
                    response = $("#carrer_iframe").contents().find("body:last").text();
                    alert( response ) ;
                    $("#iframe_result").html(response).show();
                });
      } ) ;
    

    Edit:

    As far as I know .show() only effects the display attribute. Therefore setting the wdith/height to 0 will mean the iframe will never show.

    已采纳该答案
    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题