本文将分享AJAX扩展-POST传递参数并跳转页面的详细内容，并且还将对ajax如何传参数进行详尽解释，此外，我们还将为大家带来关于$.ajax指定post传递数据、ajaxpost传递参数中文乱码问

本文将分享AJAX扩展-POST传递参数并跳转页面的详细内容，并且还将对ajax如何传参数进行详尽解释，此外，我们还将为大家带来关于$.ajax指定post传递数据、ajax post传递参数中文乱码问题、ajax post请求之后 实现页面跳转和带参数跳转问题、Ajax post请求跳转页面的相关知识，希望对你有所帮助。

• AJAX扩展-POST传递参数并跳转页面（ajax如何传参数）
• $.ajax指定post传递数据
• ajax post传递参数中文乱码问题
• ajax post请求之后 实现页面跳转和带参数跳转问题
• Ajax post请求跳转页面

AJAX扩展-POST传递参数并跳转页面（ajax如何传参数）

$.extend({
    StandardPost:function(url,args){
        var form = $("<form method='post'></form>"),input;
        form.attr({"action":url});
        $.each(args,function(key,value){
            input = $("<input type='hidden'>");
            input.attr({"name":key});
            input.val(value);
            form.append(input);
        });
        form.submit();
    }
});

简单的调用

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

$.ajax指定post传递数据

 1 $.ajax({
 2         async:false,
 3         //type: "POST",
 4         url: ''${ctx}/fcHydrant/preSubmit'',
 5         data: {"ids": ids},
 6         success: function(rtn){
 7             layer.open({
 8                 type: 1,
 9                 skin: ''layui-layer-rim'', //加上边框
10                 area: [''1000px'', ''700px''], //宽高
11                 maxmin: true,
12                 content: rtn
13               });
14             }
15     });

当前台使用$.ajax传递数据时，如果不指定type类型，会默认使用get方式提交，这时会将data里的数据转成字符串格式拼接在request URL后面，如果data里的数据长度过长，页面会报错。

如果加上type: "POST",这时data里的数据不会拼接在URL后面，会保存在Form Data(F12调试工具里可以查看)里，这种提交方式与form表单提交数据时相同，这时后台需要接受data里的数据方式为request.getParameter("ids");

ajax post传递参数中文乱码问题

起初是各种设置response.setCharacterEncoding()等等，还有就是用new String(param,"encode")，都是无效。

后来用encodeURI(),编码两次，然后在后台decoder,decode(param,"utf-8")即可。

ajax post请求之后 实现页面跳转和带参数跳转问题

在回调函数里面处理

$.post(

);

带参数的跳转方式：

$.post(
url,
{method:"regist",
function(data) {
//alert(data);
//注册成功页面跳转，
window.location.href ="../yiliaoqixie/login.html?name="+$nameEle.val();
}
);

另外一种写法：

<ahref="javascript:dpUpdate('10086')">更新</a>

Ajax post请求跳转页面

这篇文章主要介绍了ajax post请求跳转页面的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下

最近因为公司需求，需要ajax post请求并跳转界面，网上搜了一下资料，差不多都是用window.location.href来处理，但是在请求页面的地址栏中会暴露请求的参数，这是不安全的。

$.post(
url,
{method:"regist",userName:$nameEle.val(),email:$emailEle.val(),password:$passwordEle.val()},
function(data) {
//注册成功页面跳转，
window.location.href ="../yiliaoqixie/login.html?name="+$nameEle.val();
}
);

因此，只能想到了通过form表单来进行post提交。

<form method="post" action="action" id="fm">
</form>
$.post(
url,
{method:"regist",userName:$nameEle.val(),email:$emailEle.val(),password:$passwordEle.val()},
function(data) {
//注册成功页面跳转，
  var fm=document.getElementById("fm");
  fm.submit();
}
);

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

Ajax提交表单页面刷新很快的解决方法

Ajax打开新窗口被浏览器拦截的两种解决办法

ajax实现异步文件或图片上传功能

以上就是Ajax post请求跳转页面的详细内容，更多请关注php中文网其它相关文章！

关于AJAX扩展-POST传递参数并跳转页面和ajax如何传参数的介绍已经告一段落，感谢您的耐心阅读，如果想了解更多关于$.ajax指定post传递数据、ajax post传递参数中文乱码问题、ajax post请求之后 实现页面跳转和带参数跳转问题、Ajax post请求跳转页面的相关信息，请在本站寻找。