首页 >web前端 >js教程 >Ajax怎么操作post请求跳转页面

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

php中世界最好的语言
php中世界最好的语言原创
2018-04-02 17:25:376763浏览

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

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

推荐阅读:

异步的文件或图片上传ajax

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

以上是Ajax怎么操作post请求跳转页面的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn