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>

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐