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"];

转载于:https://www.cnblogs.com/calamus/p/7886089.html

AJAX扩展-POST传递参数并跳转页面相关推荐

Ajax+SpringBoot+Thymeleaf使用中遇到的跳转页面问题
前言:这周在使用 Ajax+Thymeleaf 时遇到一个问题,折腾了我很久,在此记录一下 Ajax+SpringBoot+Thymeleaf使用中遇到的跳转页面问题问题描述我的目的:通过 Aja ...
数据采集-关于post生成ticket传递参数给另一个页面用get方式验证登录
1.先输入错误密码看提交方式: 没有postform 而且还是get方式传输有点奇怪 2.看源代码可以看到登录页嵌入iframe 通过里面的链接传给另一个页面,点击 3,同第一步可以看出查看源 ...
html如何携带参数自动跳转页面
html携带参数自动跳转项目背景: 实现目的: 实现方式第一步:生成userId 第二步:跳转: 第三步:页面B接收参数实现结果: 实现总结: 项目背景: 最近有一个项目,跳转页面的时候,不能让 ...
layui跳转html如何带参数,Layui跳转页面代码（可携带复杂参数）
今天用了Layui的"数据表格 - 数据操作"示例代码,结果发现点击"编辑"按钮出出来一个弹出消息框,效果如下: 虽然说也可以用"弹出层"做 ...
android activity之间跳转和数据传递参数,Activity跳转（有返回数据跳转）以及传递参数和回传参数...
使用Bundle在Activity之间传递数据 Bundle类是一个key-value对,是一个final类两个Activity之间通信可以用Bundle类实现步骤: 新建一个Bundle类 Bun ...
ajax post请求怎么传参_如何在$ ajax POST中传递参数？
红颜莎娜 Jquery.ajax不会像对GET数据那样自动为您编码POST数据.jQuery希望您的数据经过预格式化,以附加到请求正文中,以直接通过网络发送.一种解决方案是使用jQuery.param ...
静态html页面传递参数,javascript实现静态页面之间的传值
静态页面之间传值有多种方法:1.通过url 2.通过cookie 3.window.open传值 4.HTML5 localStorage传值方法一:url传值主要原理是:通过GET方法然后获取U ...
ajax post对象参数,ajax用post方法传递参数
该楼层疑似违规已被系统折叠隐藏此楼查看此楼 JS #box{ width:600px; height:200px; padding:20px; border:1px solid #999; } aj ...
ajax post请求怎么传参_ajax用post方法传递参数
该楼层疑似违规已被系统折叠隐藏此楼查看此楼 JS #box{ width:600px; height:200px; padding:20px; border:1px solid #999; } aj ...

AJAX扩展-POST传递参数并跳转页面

AJAX扩展-POST传递参数并跳转页面相关推荐

最新文章

热门文章