如何在JavaScript中在后台调用另一个页面
[英]How to call another page in background in JavaScript
问题描述
I have a button in enroll.html . 
我在enroll.html中有一个按钮。 The code of the page is as follows : 该页面的代码如下：
<HTML>
<HEAD>
<META http-equiv=Content-Language content=en-us>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<style TYPE="text/css">
<!-- BODY { font-family:arial,helvetica; margin-left:5; margin-top:0}
A { color:#FF5500; text-decoration:underline}
A:hover,A:active { color:#0055FF; text-decoration:underline}
-->
</style>
<Script Language="JavaScript">
<!--
function inStrGrp(src,reg)
{
var regex=new RegExp("[" + reg + "]","i");
return regex.test(src);
}
function check()
{
var uname=document.scan.elements[0].value
var bError=false
if (uname.length==0)
{
window.alert("Name is required.\n")
return false
}
if (uname.indexOf("\\")>=0)
bError=true
if (inStrGrp(uname,'/.:*?"<>| '))
bError=true
if (bError)
{
window.alert('User name can not contain the following characters:\n \\/. :*?"<>|\n')
return false
}
else
return true
}
-->
</Script>
<title>Enroll New Fingerprint.</title>
</HEAD>
<BODY onload="document.scan.name.focus();">
<center>
<table border="0" width="800">
<tr>
<td width="100%" colspan="3">
<p> </p>
<p><u><b>Online Demonstration</b></u></p>
<div align="center">
<table border="1" width="100%" height="260">
<tr>
<td width="20%" align="center" rowspan="2">
<p> </p>
<p><font color="#0055FF">Enroll</font></p>
<p><a href="logon.asp">Logon</a></p>
<p> </p>
</td>
<td width="80%" height="30">
<b><i>Enroll Finger</i></b>
</td>
</tr>
<tr>
<td width="80%">
<p>Thanks for your registration. You can enroll two fingers for the name you registered.</p>
<form name="scan" method="POST" action="http://10.11.201.170/data/sultan/enroll.asp" onsubmit="return check()">
<p>Please input your name: <input type="text" name="name" size="20"> </p>
<p>If you want to enroll 2 fingers, please check the box. <input type="checkbox" name="chk2Finger" value="2"> </p>
<p>
<input type="submit" value=" Enroll " name="btnEnroll"></p>
</form>
</td>
</tr>
</table>
</div>
<p> </p>
</td>
</tr>
<tr>
<td width="100%" colspan="3">
<p align="center"><small>Copyright © 2004 Futronic
Technology Company Limited. All Rights Reserved.</small></td>
</tr>
</table>
</center>
</BODY>
</HTML>
When I press Enroll Button , I want to load a page named verify.asp in background . 当我按下“注册按钮”时，我想在后台加载一个名为verify.asp的页面。 How can I do that ? 我怎样才能做到这一点 ？
The code of verify.asp is as follows : verify.asp的代码如下：
<HTML>
<HEAD>
<META http-equiv=Content-Language content=en-us>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<style TYPE="text/css">
<!-- BODY { font-family:arial,helvetica; margin-left:5; margin-top:0}
A { color:#FF5500; text-decoration:underline}
A:hover,A:active { color:#0055FF; text-decoration:underline}
-->
</style>
<Script Language="VBScript" Src="GetInfo.vbs">
</Script>
<title>Enroll Fingerprint.</title>
</HEAD>
<BODY Onload="GetLearnModel()";>
<center>
<table border="0" width="800">
<tr>
<td width="100%" colspan="3">
<p> </p>
<p><u><b>Online Demonstration</b></u></p>
<div align="center">
<table border="1" width="100%" height="260">
<tr>
<td width="20%" align="center" rowspan="2">
<p> </p>
<p><a href="enroll.asp">Enroll</a></p>
<p><a href="logon.asp">Logon</a></p>
<p> </p>
</td>
<td width="80%" height="30">
<b><i>Enroll Finger</i></b>
</td>
</tr>
<tr>
<td width="80%">
<Form name="scan" method="Post" action="famenroll2.asp?name=<%=Request("name")%>&check=<%=Request("check")%>&finger=<%=Request("finger")%>">
<Input type="hidden" name="LearnModel" value="">
<Input type="text" name="SlNo" value="">
</Form>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><font size="5" color="#ff0000"><%=Request.Form("SlNo")%></font><font size="5"> Enroll Successfully!</font></p>
</td>
</tr>
</table>
</div>
<p> </p>
</td>
</tr>
<tr>
<td width="100%" colspan="3">
<p align="center"><small>Copyright © 2004 Futronic
Technology Company Limited. All Rights Reserved.</small></td>
</tr>
</table>
<% Dim Conn,strSQL,objExec,NumOfRecords,se_name,finger
cust_no=Request.QueryString("name")
Set Conn = Server.Createobject("ADODB.Connection")
Conn.Open "Driver={Oracle in XE};DBQ=xe;UID=biotpl;PWD=biotpl;"
'Query for the customer entry in FP_ENROLL Table
strSQL2 = "INSERT INTO TEST values(1,'OS')"
Set objExec = Conn.Execute(strSQL2)
'Query for the no of fingers to be taken for a customer in FP_FINGER_SETUP Table
'Set objExec = Conn.Execute("select FINGURE_NO NoF from BIOTPL.FP_FINGER_SETUP where USER_TYPE=" & Request.QueryString("cust_type") )
'NumOfFingers = objExec("NoF")
'Conn.Close()
Set objExec = Nothing
Set Conn = Nothing
%>
</center>
</BODY>
</HTML>
4 个解决方案
解决方案1
1 2016-04-26 06:16:24
Ajax can be used to load a page in background. Ajax可用于在后台加载页面。 jQuery supports AJAX functionality and it is easier than what described in the first link. jQuery支持AJAX功能，并且比第一个链接中描述的要容易。 If your intention is to Verify an enrollment, you need to parse the reply coming out of the AJAX request. 如果您打算验证注册，则需要解析AJAX请求中的答复。 An earlier answer on parsing can be found here . 可以在这里找到有关解析的更早答案。
The essential steps are 基本步骤是
Add an id to your form submit button (say 'enroll')
在表单提交按钮中添加一个ID（例如“注册”） Include jQuery JavaScript library to your project by adding the following in the header
< script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>通过在标头< script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>添加以下内容，将jQuery JavaScript库添加到您的项目中。< script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
3.Within script tag, use a similar methodology as below. 3.在script标签内，使用如下类似的方法。
$("#enroll").click(function(){
$.ajax({
url: "verify.asp",
success: function(result){
/* Parse the result and do whatever you want to do here */
}
});
});
解决方案2
1 已采纳 2016-04-26 06:33:35
Add an Id in this Line 在此行中添加一个ID
<input type="submit" value=" Enroll " name="btnEnroll">
So it becomes : 变成：
<input type="submit" value=" Enroll " id="buttonEnroll" name="btnEnroll">
<div id="result"></div>
and Than Write this Script 并且比写这个剧本
<script>
$("#buttonEnroll").on('click',function(e){
e.preventDefault();
$( "#result" ).load( "verify.asp" );
alert("Page loading completed");
});
</script>
#result is for loading that page in result id div.
Hope Helps ! 希望有帮助！
Add this inside your header tag 将此添加到标题标签中
<script src="https://code.jquery.com/jquery-2.2.3.min.js" integrity="sha256-a23g1Nt4dtEYOj7bR+vTu7+T8VP13humZFBJNIYoEJo=" crossorigin="anonymous"></script>
解决方案3
0 2016-04-26 06:26:46
//1st way:: function doFunction(event) { event.preventDefault(); //here you can load verify.aspx by using $("#resultdiv").load("verify.aspx", {}, function (data) { alert("loading complete"); }); } //2nd way: //By using ajax call $('#enroll').on('click', 'input[type="submit"]', function(e){ e.preventDefault(); $.post('http://mywebsite/verify.aspx',{ 'data': $('#txt_search').val() } ,function(data) { console.log(data); // this would show you the returned data. }); });
You can do it in 2ways: HTML: 1st way:: ========= Add onclick to your enroll button. <input type="submit" value="Enroll" onclick="doFunction();" id="enroll" name="btnEnroll"></p> <div id="resultdiv"> </div> 2nd way: ======== By using ajax call
解决方案4
0 2016-04-26 09:38:44
Here is modified enroll.html with modified Js 这是修改后的Js修改后的enroll.html
<HTML> <HEAD> <META http-equiv=Content-Language content=en-us> <META http-equiv=Content-Type content="text/html; charset=windows-1252"> <style TYPE="text/css"> <!-- BODY { font-family:arial,helvetica; margin-left:5; margin-top:0} A { color:#FF5500; text-decoration:underline} A:hover,A:active { color:#0055FF; text-decoration:underline} --> </style> <script src="https://code.jquery.com/jquery-1.12.3.min.js"></script> <title>Enroll New Fingerprint.</title> </HEAD> <BODY> <center> <table border="0" width="800"> <tr> <td width="100%" colspan="3"> <p> </p> <p><u><b>Online Demonstration</b></u></p> <div align="center"> <table border="1" width="100%" height="260"> <tr> <td width="20%" align="center" rowspan="2"> <p> </p> <p><font color="#0055FF">Enroll</font></p> <p><a href="logon.asp">Logon</a></p> <p> </p> </td> <td width="80%" height="30"> <b><i>Enroll Finger</i></b> </td> </tr> <tr> <td width="80%"> <p>Thanks for your registration. You can enroll two fingers for the name you registered.</p> <form name="scan" > <p>Please input your name: <input type="text" name="txtName" size="20" id="txtname"> </p> <p>If you want to enroll 2 fingers, please check the box. <input type="checkbox" name="chk2Finger" value="2"> </p> <p> <input type="button" value="Enroll" name="btnEnroll" id="btnEnroll"></p> </form> </td> </tr> </table> </div> <p> </p> </td> </tr> <tr> <td width="100%" colspan="3"> <p align="center"><small>Copyright © 2004 Futronic Technology Company Limited. All Rights Reserved.</small></td> </tr> </table> </center> </BODY> </HTML> <script type="text/javascript"> function inStrGrp(src,reg) { var regex=new RegExp("[" + reg + "]","i"); return regex.test(src); } $(document).ready(function(){ $('#btnEnroll').on('click',function(){ var uname = $('#txtname').val(); var bError=false if (uname.length==0) { window.alert("Name is required.\\n") return false } if (uname.indexOf("\\\\")>=0) bError=true if (inStrGrp(uname,'/.:*?"<>| ')) bError=true if (bError) { window.alert('User name can not contain the following characters:\\n \\\\/. :*?"<>|\\n') return false } else var url = "enroll.asp?name="+uname; window.location = url; return true }); }); </script>
change the url in the javascript code and put yours.If you url look like 更改javascript代码中的网址，然后输入您的网址。如果您的网址看起来像
http://10.11.201.170/data/sultan/enroll.asp
this then 然后这个
change the variable url in script section like the following 更改脚本部分中的变量URL，如下所示
var url = "http://10.11.201.170/data/sultan/enroll.asp?name="+uname;
and your enroll.asp will remain the same. 和您的enroll.asp将保持不变。
Hope that will help. 希望对您有所帮助。
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
如何将一个JavaScript元素调用到另一个HTML页面 - How to call a javascript element to another html page
如何从另一个页面在页面中调用JavaScript函数 - How to call a JavaScript function in page from another page
在另一页上调用Javascript函数 - Call Javascript Function on another page
如何在另一个页面html中使用onclick事件调用javascript函数 - How to Call javascript function with onclick event in another page html
在重定向到另一个页面之前，在JavaScript的背后调用JavaScript函数 - Call JavaScript Function On Call Behind of Javascript before redirecting to another page
从另一个页面调用Javascript函数？ - Call Javascript function from another page?
如何在另一个页面中调用函数？ - How to call function in another page?
如何使用html中的onclick属性从另一个网页调用一个网页的javascript函数？ - How to call the javascript function of one web page from another web page using onclick attribute in html?
如何通过单击我的网站页面上的按钮来调用在Crossrider“background.js”中声明的javascript函数？ - How to call a javascript function declared in Crossrider “background.js” by clicking a button from my website page?
如何在javascript中调用另一个函数？ - how to call another function in javascript?
相关标签