当前位置:Gxlcms > JavaScript > Ajax怎么操作post请求跳转页面

Ajax怎么操作post请求跳转页面

时间:2021-07-01 10:21:17 帮助过:25人阅读

这次给大家带来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();
}
);

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

异步的文件或图片上传ajax

ajax传递json时为什么会出现乱码

以上就是Ajax怎么操作post请求跳转页面的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行