AJAX扩展-POST传递参数并跳转页面
2017-11-23 17:38
267 查看
拓展的代码:
这段代码的原理是创建一个表单,所有args都创建一个隐藏的input,用post方法把这些参数传递过去
注意form表单一定要加载到页面中,即下面代码中标红的部分,不然参数是无法被传递的(因为这个被坑了)
简单调用:
获取url链接传递的参数
这是用post方法跳转页面,即跳转的页面是不带后面的参数的
当然也可以直接用get方法,直接链接跳转携带返回参数
比如:
这段代码的原理是创建一个表单,所有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"];
相关文章推荐
- AJAX扩展-POST传递参数并跳转页面
- AJAX扩展-POST传递参数并跳转页面
- 在Js页面通过POST传递参数跳转到新页面详解
- jQuery Mobile学习之grid、等待显示的ajax效果、页面跳转、页面跳转传递参数等(二)
- js用POST方式页面跳转,避免在地址栏中显示传递参数
- 11. jsp与servlet之间页面跳转及参数传递实例
- AJAX+JSP GET与POST方式参数传递的应用
- Android 页面跳转 传递参数
- Android 页面跳转传递参数及页面返回接收参数
- jquerymobile页面跳转和参数传递
- thinkphp 页面跳转传递参数
- jsp与servlet之间页面跳转及参数传递实例
- JavaEE_Servlet的页面跳转 和 参数的传递
- JavaScript跳转页面/Action并传递中文参数[解决js超链接传递过程中产生的中文乱码问题]
- Activity中使用Intent实现页面跳转与参数的传递
- 微信小程序详解——页面之间的跳转方式【路由】和参数传递
- jquerymobile页面跳转和参数传递
- Android页面跳转是如何传递参数的
- Thinkphp5 表单提交额外参数和页面跳转参数传递
- Activity中使用Intent实现页面跳转与参数的传递