解决Jquery ajax的post get跨域提交表单

跨域的N种形式：

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

          优点：有返回值,可直接跨域；

          缺点：数据量小；

          提交方式：仅get (无$.postJSON)

[javascript] view plain copy print ?

1.  $.getJSON("http://www.sendnet.cn/?callback=?" , { UserId: 1001 },  
2. nction (data) {  
3. alert(data.info);  
4. ;  

    $.getJSON("http://www.sendnet.cn/?callback=?" , { UserId: 1001 },
	function (data) {
		 alert(data.info);
	});

[javascript] view plain copy print ?

1. $.ajax({  
2.              type: "Get",  or 'POST'
3.              url: "http://www.sendnet.cn/?UserId=1001",  
4.              cache: false,  
5.              error: function () { },  
6.              jsonp: "callback",  
7.              dataType: "jsonp",  
8.              success: function (result) {  
9.                  alert(result.info);   
10.              }  
11.          });  

 我这边试过 get post 都可以

    $.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

[plain] view plain copy print ?

1. 使用隐藏的iframe来提交表单   
2. 1,在页面中嵌入一个iframe，把iframe的宽和高设置为0   
3. 2.在iframe的里面里设置一个from的表单，表单的内容就是真正要提交的表单内容。   
4. 3.当点击按钮的时候是iframe里的表单提交。  
5.   
6.   
7. <form id="form2" name="form2" method="post" action="a,jsp" enctype="multipart/form-data">   
8.   <input name="option_13412" id="option_13412" type="text"/>   
9.   <input name="option_13413" id="option_13413" type="text"/>   
10.   <input name="option_13414" id="option_13414" type="text"/>   
11.   <input name="option_13415" id="option_13415" type="text"/>   
12. </form>  
13.   
14. 使用jquery来啊操作iframe中的表单元素   
15. $(window.frames["iframe1"].document).find("#option_13412").val(name);   
16. $(window.frames["iframe1"].document).find("#option_13413").val(phone);   
17. $(window.frames["iframe1"].document).find("#option_13415").val(content);  
18.   
19. 通过按钮来提交iframe里的表单   
20. $(window.frames["iframe1"].document).find("#form2").submit();