0
点赞
收藏
分享

微信扫一扫

ajax请求实现跳转页面问题

西特张 2022-04-30 阅读 107

ajax页面跳转

js三种跳转方式:

  1. location.href  >>>本页面跳转
  2. parent.location.href  >>>上一层页面跳转
  3. top.location.href  >>>最外层的页面跳转

ajax使用第一种即可,但需要在下面加一行语句,否则一直没能实现跳转。

// 实现搜索框搜索功能
<script>
	$("#search").keydown(function(event){
		if(event.keyCode==13){
			var searchbook = $(this).val()
			console.log(searchbook)
			$.ajax({
				url: "http://127.0.0.1:5000/search",
				data:{"book":searchbook},
				async:false,
				success:function(res){						
					if (res.bookid){
						location.href = "/bookdetail/"+res.bookid; // 跳转页面
						window.event.returnValue=false;  // 注意加这一语句,要不没有跳转
					}
					else {
						alert("无此书籍!")
					}
				}
			})
		}
	})
</script>
举报

相关推荐

0 条评论