如何在onSubmit()期间查询另一方?

时间:2014-11-03 19:44:54

标签: javascript jquery html ajax

简单版本,我正在创建一个基本的测试脚本,因为我们使用API​​来保存客户详细信息的第三方服务器,在我的一个表单中,我需要在提交给我自己的站点之前将此数据发送到此服务器。这个第三方只是检查所提供的信息,如果客户根据个人信息等选择的新密码最强,则返回。事情是,我无法向第三方页面提出请求而我在不同的地方进行了测试说,基本上我测试了以下

<html>
<head><title>test</title></head>
<SCRIPT TYPE="text/javascript">
<!--
function loadXMLDoc(param) {
    var xmlhttp;

    if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    } else {
        // code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 ) {
           if(xmlhttp.status == 200){
               document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
           }
           else if(xmlhttp.status == 400) {
              alert('There was an error 400')
           }
           else {
               alert('something else other than 200 was returned')
           }
        }
    }

    xmlhttp.open("GET", param, true);
    xmlhttp.send();
}


function TestDataCheck()
{
var qtytested = document.testform.qtytested.value;
var qtypassed = document.testform.qtypassed.value;
var returnval;

if ( (qtytested != "null") && (qtypassed != "null")){
   var str = qtytested+' '+qtypassed;
   var dest = 'https://AnotherHost/Check?q=str;
   loadXMLDoc(dest);
   returnval = true;
}
else
   {
   alert("Please, choose a new password");
   returnval = false;
   }

return returnval;
}
// -->
</SCRIPT>

<FORM 
   ACTION="../cgi-bin/changepass.pl"
   NAME="testform" 
   onSubmit="return TestDataCheck()" 
   >
<INPUT NAME="qtytested"><BR>
<INPUT NAME="qtypassed" type="password"><P>
<INPUT TYPE=SUBMIT VALUE="Submit">
</FORM>
</html>

如果我在服务器上用静态名称替换param,例如mytestscript.cgi,那么这是有效的 - 但我不能从另一台服务器请求脚本。怎么做?如果它是Ajax,JQuery等,一旦它对所有主流浏览器起作用并且可能更小,我无所谓。 :)

非常欢迎完整的样本/示例。

感谢。

0 个答案:

没有答案