简单实用的跨域表单POST提交

我们这里使用了iframe嵌套form表单POST提交，很简单，却能满足get|post等任何复杂情况的要求；缺点是没有返回值。

针对需要的地方加上一个iframe嵌套并塞入隐藏form表单，然后获取登录表单的值赋予到隐藏form表单提交即可完成跨域POST|get提交。

function smal_send(){
    var user = $("#user_name").val();
    var pass = $("#password").val();
    var form =$("<form action='http://www.demo.com/login.php' method='post'>" +
            "<input type='hidden' name='user_name' value=''/> " +
            "<input type='hidden' name='password' value=''/> " +
            "</form> ");
    $( "#SMAL" ).remove();//清空节点
    $( "body").append("<iframe id='SMAL' name='SMAL' style='display: none'></iframe>");//载入iframe
    (function(){
        $( "#SMAL" ).contents().find('body').html(form);//将form表单塞入iframe;
        $( "#SMAL" ).contents().find("form input[name='user_name']").val(user);
        $( "#SMAL" ).contents().find("form input[name='password']").val(pass);
        $( "#SMAL" ).contents().find('form').submit();//提交[ps,这里是提交到demo.com,跨域]
    }());
    setTimeout(function(){//如果需要可以跳转到demo.com
        window.location.href="http://www.demo.com/index.php";
    },100)
}

javascript是要逆天的。嗯嗯，我觉的是。

参考：

 1：http://huangqiqing123.iteye.com/blog/1754108

 2：这里介绍了基本的跨域提交方式 http://blog.csdn.net/china_skag/article/details/7410918

 3:群友讨论。


 4：发散知识点：http://www.cnblogs.com/yjmyzz/archive/2011/04/26/2029699.html