AJAX擴展-POST傳遞參數並跳轉頁面


拓展的代碼:

這段代碼的原理是創建一個表單,所有args都創建一個隱藏的input,用post方法把這些參數傳遞過去

注意form表單一定要加載到頁面中,即下面代碼中標紅的部分,不然參數是無法被傳遞的(因為這個被坑了)

    $.extend({
        StandardPost:function(url,args){
            var form = $("<form method='post'></form>"),
                input;
        //jquery方式 $(document.body).append(form);
        //js原生添加
        //document.body.appendChild(form);
form.attr({
"action":url}); $.each(args,function(key,value){ input = $("<input type='hidden'>"); input.attr({"name":key}); input.val(value); form.append(input); }); console.log(args); form.submit(); } });

簡單調用:

$.StandardPost('url/path/req',{arg0:'arg0',arg1:'arg1'}); 

獲取url鏈接傳遞的參數

    var Request = new Object();
    Request = GetRequest();
    function GetRequest() {
        var url = location.search; //獲取url中含"?"符后的字串
        var theRequest = new Object();
        if (url.indexOf("?") != -1) {
            var str = url.substr(1);
            strs = str.split("&");
            for (var i = 0; i < strs.length; i++) {
                theRequest[strs[i].split("=")[0]] = strs[i].split("=")[1];
            }
        }
        console.log(theRequest)
        return theRequest;
    }

這是用post方法跳轉頁面,即跳轉的頁面是不帶后面的參數的

當然也可以直接用get方法,直接鏈接跳轉攜帶返回參數

比如:

window.location.href = "/?go="+Request["go"]+"&arg0="+Request["arg0"]+"&arg1="+Request["arg1"];

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM