js怎么实现：输入框输入，按button后跳转到第二页得到参数，给出搜索结果

2016-06-27 04:35:08 513 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

power333 墨衍会员 · AI 创作全网分发关注 + 加入社区

20220601超简单百度地图街景图片爬取+绿视率计算真的不难咯。阅读详情

如本论坛一样，在首页输入查询关键字，在另一页得到参数并显示出来，我只需要js代码，比如form，input，button

...全文

CSRT跟踪算法的使用 Fu Xianjun. All Rights Reserved. 文章目录前言一、CSRT跟踪算法是什么？二、使用步骤 1.引入库 2.读入数据总结前言随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、CSRT跟踪算法是什么？在具有通道和空间可靠性的判别相关滤波器（DCF-CSR）中，我们使用空间可靠性图将滤波器支持调整为从帧中选择区. 阅读详情

power333

JavaScript 87,983 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

power333 2016-06-28

打赏
举报

引用 7 楼 power333 的回复:

[quote=引用 2 楼 perhapschen 的回复:] 两个页面，利用URL传参 1. search页面


<meta charset="utf-8">
<h1>search页</h1>
<input type="text" id="txt"><input type="button" id="btn" value="搜索">
<script type="text/javascript">
window.onload = function(){
  var txt = document.getElementById("txt"),
      btn = document.getElementById("btn");
  btn.onclick = function(){
    window.location.href = "result.html?keywords=" + txt.value;
  }
}
</script>

2. result页面


<meta charset="utf-8">
<h1>result页</h1>
<input type="text" id="txt"><input type="button" id="btn" value="搜索">
<script type="text/javascript">
window.onload = function(){
  var keyWords = window.location.search.split("=")[1],
      txt = document.getElementById("txt");
  txt.value = decodeURI(keyWords);
}
</script>

参数已经传递到第二页的输入框里了，下一步是怎么让第二页自动使用该参数执行搜索呢，我的搜索函数代码已经写好了，现在它不自动执行，我需要再第二页手动点button才行。[/quote]谢谢，已经成功了。

power333 2016-06-28

打赏
举报

引用 2 楼 perhapschen 的回复:

两个页面，利用URL传参 1. search页面


<meta charset="utf-8">
<h1>search页</h1>
<input type="text" id="txt"><input type="button" id="btn" value="搜索">
<script type="text/javascript">
window.onload = function(){
  var txt = document.getElementById("txt"),
      btn = document.getElementById("btn");
  btn.onclick = function(){
    window.location.href = "result.html?keywords=" + txt.value;
  }
}
</script>

2. result页面


<meta charset="utf-8">
<h1>result页</h1>
<input type="text" id="txt"><input type="button" id="btn" value="搜索">
<script type="text/javascript">
window.onload = function(){
  var keyWords = window.location.search.split("=")[1],
      txt = document.getElementById("txt");
  txt.value = decodeURI(keyWords);
}
</script>

参数已经传递到第二页的输入框里了，下一步是怎么让第二页自动使用该参数执行搜索呢，我的搜索函数代码已经写好了，现在它不自动执行，我需要再第二页手动点button才行。

斯洛文尼亚旅游 2016-06-28

打赏
举报

查询需要服务器端来做，不是客户端js做的，操作不了服务器端数据库

qq_33468192 2016-06-27

打赏
举报

用缓存啊。。。

止戈谓之武 2016-06-27

打赏
举报

这个不是JS的工作吧，HTML这块FORM表单POST提交到PHP，然后PHP处理页面GET下就行了

power333 2016-06-27

打赏
举报

你好，我的第一页和第二页都是普通的html，不是aspx类型的，第二页也是一个带有输入框的页面。我是想在第一页的输入框输入查询，按button，然后调整到第二页，第二页也类似第一个，只是我把搜索结果呈现在第二页去。

cocotsau 2016-06-27

打赏
举报

两个页面，利用URL传参 1. search页面


<meta charset="utf-8">
<h1>search页</h1>
<input type="text" id="txt"><input type="button" id="btn" value="搜索">
<script type="text/javascript">
window.onload = function(){
  var txt = document.getElementById("txt"),
      btn = document.getElementById("btn");
  btn.onclick = function(){
    window.location.href = "result.html?keywords=" + txt.value;
  }
}
</script>

2. result页面


<meta charset="utf-8">
<h1>result页</h1>
<input type="text" id="txt"><input type="button" id="btn" value="搜索">
<script type="text/javascript">
window.onload = function(){
  var keyWords = window.location.search.split("=")[1],
      txt = document.getElementById("txt");
  txt.value = decodeURI(keyWords);
}
</script>

persuit666 2016-06-27

打赏
举报

<form name='form1' method='post' > <input type='text' id='txtKey' name='txtKey'><input type='button' onclick='query()' value='搜一搜'> </form> <script> function query() { var key=document.getElementById('txtKey').value; if(!key){ alert('请输入关键字！');return ;} form1.action='xxx.aspx'//这里是跳转页面的地址，你可以在它后台接收传递的参数 Request["txtKey"]这个就是关键字 form1.submit() } </script>

js怎么实现：输入框输入，按button后跳转到第二页得到参数，给出搜索结果

相关推荐