js或jquery里如何用post方式跳转页面？

Posted 2023-04-15

有个页面，因不可告人的原因不能用form，但是跳转的时候还是想用Post方式
比如下面这样事儿
<input type='text' id='name'>
<input type='button' id='zouni' value='Submit'>

我现在能想到的，就是获取name的值然后用window.location.href='xxx.com?name=xxx';
这种方式是get方式传值吧
那么如何用post方式做呢？（我想要的效果其实就是用post方式传值到目标页面并跳转过去）

建议用jquery

 $('#zouni').click(function()

  $.post('接收页面路径', name:$('#name').val(), function( dta )

   alert('post成功');

 );

  return false;

);

参考技术A $("#zouni").click(function()
$.post("checkName.asp",

name:$(“#name”).val()
,
function(data,status)
alert(data);
);
); 参考技术B $.post()方法可以 参考技术C

为什么不用

<form action="XXX" method="post">
    <input type='text' id='name' name='name'>
    <input type='submit' id='zouni' value='提交'>
</form>

 form表单提交，可通过method="post"设置get或post请求，<input name='XXX'>为提交参数名为XXX的参数

参考技术D ajax 的 method可以自定义，想用post就用

JS / jQuery 实现页面跳转到指定位置-锚点

最简单的代码

$(document).ready(function () {
    location.hash = "";
    setTimeout('location.hash="#foot";', 2000);
});

感谢： [求助]如何用JS跳转到页面中的指定ID-CSDN论坛

无广告的百度首页绿色版： http://baidu.rudon.cn/

失败例子

以下是亲测在chrome上不能用的跳到页面最底部的方法：

$('body').scrollTop(
    $('.bottom').offset().top - $(window).height()
);

$('body').animate({
    scrollTop: $('.bottom').offset().top - $(window).height()
}, 500);

 <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
$(document).ready(function() {
  $("#p1").click(function() {
    $("html, body").animate({
      scrollTop: $("#div1").offset().top }, {duration: 500,easing: "swing"});
    return false;
  });
  $("#p2").click(function() {
    $("html, body").animate({
      scrollTop: $("#div2").offset().top }, {duration: 500,easing: "swing"});
    return false;
  });
  $("#p3").click(function() {
    $("html, body").animate({
      scrollTop: $("#div3").offset().top }, {duration: 500,easing: "swing"});
    return false;
  });
});