跨域 表單提交

1.直接用jquery中$.getJSON進行跨域提交 

          優點:有返回值,可直接跨域; 

          缺點:數據量小; 

          提交方式:僅get (無$.postJSON) 
    $.ajax({  
                 type: "Get",  
                 url: "http://www.sendnet.cn/?UserId=1001",  
                 cache: false,  
                 error: function () { },  
                 jsonp: "callback",  
                 dataType: "jsonp",  
                 success: function (result) {  
                     alert(result.info);   
                 }  
             });  

2.在頁面中嵌入一個iframe,把iframe的寬和高設置爲0進行跨域提交 

          優點:可直接跨域; 

          缺點:無返回值(脫離ajax本質); 

          提交方式:get/post 

    使用隱藏的iframe來提交表單   
    1,在頁面中嵌入一個iframe,把iframe的寬和高設置爲0   
    2.在iframe的裏面裏設置一個from的表單,表單的內容就是真正要提交的表單內容。   
    3.當點擊按鈕的時候是iframe裏的表單提交。  
  <form id="form2" name="form2" method="post" action="a,jsp" enctype="multipart/form-data">   
      <input name="option_13412" id="option_13412" type="text"/>   
      <input name="option_13413" id="option_13413" type="text"/>   
      <input name="option_13414" id="option_13414" type="text"/>   
      <input name="option_13415" id="option_13415" type="text"/>   
    </form>  
      
    使用jquery來啊操作iframe中的表單元素   
    $(window.frames["iframe1"].document).find("#option_13412").val(name);   
    $(window.frames["iframe1"].document).find("#option_13413").val(phone);   
    $(window.frames["iframe1"].document).find("#option_13415").val(content);  
      
    通過按鈕來提交iframe裏的表單   
    $(window.frames["iframe1"].document).find("#form2").submit();  


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章