静态前端页面向静态前端页面跳转并执行AJAX操作将数据写入跳入界面

在暑假进行的项目 医疗文本处理平台 中,我需要将队友的Ajax写好的功能整合到我的界面上,因为他之前是一个界面,而我想做成像搜索引擎那种,在一个页面上输入搜索词,跳转到另一个页面显示结果(后跳转界面还可以继续通过Ajax获得新的搜索结果)

在这里将前一个页面命名为A,后一个为B(什么文件格式不重要,只要是静态页面就成)。

A中的JavaScript代码

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
function jumpOnClick(flag) {
url = "section3_2.jsp?text=" + encodeURIComponent(document.getElementById('search').value) + "&flag=" + flag;
if(document.getElementById('search').value.match("\\s+") || document.getElementById('search').value == null || document.getElementById('search').value == ""){
alert("请输入症状或问题后点击相应查询按钮!");
return;
}
//网页跳转
location.href = url;

window.event.returnValue=false;
}
</script>

在A中,我将调用放到了按钮的onclick中。

B中的JavaScript代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<script type="text/javascript">
  function GetUrlParam() {
    var url = document.location.toString();
    var arrObj = url.split("?");
var text,flag;
    if (arrObj.length > 1) {
      var arrPara = arrObj[1].split("&");
      var arr;
      for (var i = 0; i < arrPara.length; i++) {
        arr = arrPara[i].split("=");
        if (arr != null && arr[0] == "text") {
          text = decodeURIComponent(arr[1]);
flag = 0;
if(text == "" || text == null){
return;
}
var psel = document.getElementById("kw");
psel.value = text; //设置
        }else if(arr != null && arr[0] == "flag"){
flag = arr[1];
}
      }
if(flag == 1){
searchOnClick(text);
}else if(flag == 2){
search2OnClick(text);
}
    }
  }
</script>

在B中,我将调用放到了body的onload中。

至此完成上述功能,并且保证了在后跳入页面上刷新时,不会因为保留了跳入内容而无法刷新的情况。



本文链接: http://home.meng.uno/articles/2b207973/ 欢迎转载!

© 2018.02.08 - 2020.10.14 Mengmeng Kuang  保留所有权利!

UV : | PV :

:D 获取中...

Creative Commons License