简单实用的跨域表单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