javascript中的POST错误
我正在制作一个恢复密码页面,我必须将一些xml信息发布到特定的API 我的完整代码如下:javascript中的POST错误,javascript,Javascript,我正在制作一个恢复密码页面,我必须将一些xml信息发布到特定的API 我的完整代码如下: <!DOCTYPE html> <html> <head> <title> - Renew Password</title> <meta charset="utf-8"> <meta name="viewport" content="width=500"> <link rel="stylesheet" href=
<!DOCTYPE html>
<html>
<head>
<title> - Renew Password</title>
<meta charset="utf-8">
<meta name="viewport" content="width=500">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?
family=Open+Sans:400,400italic,600,600italic,700,700italic" />
<style>
body {
margin: 0;
padding: 0;
height: 100%;
background: #F2F2F2; <!--url(http://peoplepowerco.com/img/email/bgBlueLg.png)-->
no-repeat;
background-size: 100%;
color: #333;
text-shadow: #fff 0px 1px 0px;
font-family: Helvetica, Arial, sans-serif;
}
#header {
width: 100%;
height: 45px;
background: #1CC0B1 url(http://wisemx.com.mx/img/logo.png) no-repeat;
background-size: 200px 45px;
}
#logo {
width: 0px;
height: 0px;
}
h1 {
color: #1CC0B1;
text-shadow: #000 0px 0px 0px;
}
.container {
width: 500px;
margin: 0px auto;
text-align: center;
}
.box {
background: #E0E0E0;
background: -webkit-gradient(linear, left top, left bottom, from(#E9E9E9),
to(#D7D7D7));
background: -moz-linear-gradient(top, #E9E9E9, #D7D7D7);
-webkit-box-shadow: inset 0px 2px 2px #B2B3B5;
-moz-box-shadow: inset 0px 2px 2px #B2B3B5;
-o-box-shadow: inset 0px 2px 2px #B2B3B5;
-khtml-box-shadow: inset 0px 2px 2px #B2B3B5;
box-shadow: inset 0px 2px 2px #B2B3B5;
-webkit-border-radius: 18px;
-o-border-radius: 18px;
-khtml-border-radius: 18px;
border-radius: 18px;
behavior: url(border-radius.htc);
border: solid 3px #FFFFFF;
}
label {
font-size: 18px;
}
input {
font-size: 18px;
}
input.button-primary {
display: inline-block;
padding: 8px 20px 10px;
text-decoration: none;
font-weight: bold;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url(border-radius.htc);
background-color: #f1f1f2;
background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f2),
to(#acacae));
background: -moz-linear-gradient(top, #f1f1f2, #acacae);
color: #333;
text-shadow: 0px 1px 0px #ffffff;
-webkit-box-shadow: inset 0px 1px 0 #fff, #000 1px 1px 5px;
-moz-box-shadow: inset 0px 1px 0 #fff, #000 1px 1px 5px;
-o-box-shadow: inset 0px 1px 0 #fff, #000 1px 1px 5px;
-khtml-box-shadow: inset 0px 1px 0 #fff, #000 1px 1px 5px;
box-shadow: inset 0px 1px 0 #fff, #000 1px 1px 5px;
border: none;
font-size: 18px;
font-family: FuturaHv, Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
input.button-primary:hover {
background-color: #026eb2;
background: -webkit-gradient(linear, left top, left bottom, from(#98d7fe),
to(#026eb2));
background: -moz-linear-gradient(top, #98d7fe, #026eb2);
color: #ffffff;
text-shadow: 0px -1px 0px #333333;
}
input.button-primary:active {
background-color: #004b7b;
background: -webkit-gradient(linear, left top, left bottom, from(#026eb2),
to(#004b7b));
background: -moz-linear-gradient(top, #026eb2, #004b7b);
color: #cccccc;
text-shadow: 0px -1px 0px #000000;
}
input.button-primary:disabled {
background-color: #f1f1f2;
background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f2),
to(#acacae));
background: -moz-linear-gradient(top, #f1f1f2, #acacae);
color: #999;
text-shadow: 0px 1px 0px #ffffff;
-webkit-box-shadow: inset 0px 1px 0 #fff;
-moz-box-shadow: inset 0px 1px 0 #fff;
-o-box-shadow: inset 0px 1px 0 #fff;
-khtml-box-shadow: inset 0px 1px 0 #fff;
box-shadow: inset 0px 1px 0 #fff;
border: none;
}
</style>
<script>
function submitForm()
{
var res = document.URL.split("=");
res[1] =
"XOXc4PKYCIMOMPYstCFZeCGhaeuYbqZZTvl6PwaOOb6rpu2npNhXT2Vr7Js6J2UX";
var request =
"http://developer.peoplepowerco.com/espapi/rest/user/"+res[1];
var frm = document.forms[0];
var pwdElement = frm.elements["pwd"]
var pwdConfirmElement = frm.elements["pwdConfirm"]
if (pwdElement.value.length < 6)
{
alert('La contraseña debe ser de al menos 6
caracteres de largo');
}
else if (pwdElement.value == pwdConfirmElement.value)
{
var user= "<request><user><password>" + pwdElement.value +
"</password></user></request>";
alert('DENTRO ' + request + ' ' + user);
$.ajax({
url:request,
type:"POST",
dataType:"text/xml",
data: user,
async: false,
success:
function(){
alert("Datos modificados exitosamente");
//window.location.href= "inicio.html";
},
error:
function( data, status, byKey ){
alert("Contraseña no modificada, intente
otra vez");
},
cache:false
});
alert("FUERA!");
var sbmButtom = frm.elements["submitButton"];
sbmButtom.disable=true;
frm.submit();
}
else
{
alert("Las contraseñas no coinciden. Favor de corregirlo e
intentar otra vez.")
}
}
</script>
</head>
<body>
<div id="header"></div>
<div id="logo"></div>
<div class="container">
<br clear="all">
<form name="renewPassword" method="post" action="/espapi/rest/newPassword"
onsubmit="return false">
<input type="hidden" name="key" value="tVzRl9fNE2ZAOt6yDx6frFCbsFQt2gyuKWn3wWkJ-
9oTrmiyprssDMWaEDEXylUk"/>
<h1>Escriba su nueva contraseña</h1>
<div class="box">
<p>
<label for="pwd">Nueva contraseña:</label><br>
<input id="pwd" name="pwd" type="password" value="">
</p>
<p>
<label for="pwdConfirm">Confirmar contraseña:</label><br>
<input id="pwdConfirm" name="pwdConfirm" type="password" value="">
</p>
<br>
</div>
<p>
<input type="button" name="submitButton" onclick="javascript:submitForm()"
value="Cambiar contraseña" class="button-primary">
</p>
</form>
</div>
</body>
</html>
-更新密码
身体{
保证金:0;
填充:0;
身高:100%;
背景#f2f2;
不重复;
背景大小:100%;
颜色:#333;
文本阴影:#fff 0px 1px 0px;
字体系列:Helvetica、Arial、无衬线字体;
}
#标题{
宽度:100%;
高度:45px;
背景:#1CC0B1 url(http://wisemx.com.mx/img/logo.png)不重复;
背景尺寸:200px 45px;
}
#标志{
宽度:0px;
高度:0px;
}
h1{
颜色:#1CC0B1;
文本阴影:#000 0px 0px 0px;
}
.集装箱{
宽度:500px;
保证金:0px自动;
文本对齐:居中;
}
.盒子{
背景:#e0;
背景:-webkit渐变(线性、左上、左下、自(#E9E9E9),
到(#D7D7D7));
背景:-莫兹线性梯度(顶部,#E9E9E9,#D7D7D7);
-webkit盒阴影:插入0px 2px 2px#B2B3B5;
-moz盒阴影:嵌入0px 2px 2px#B2B3B5;
-o形盒阴影:插图0px 2px 2px#B2B3B5;
-khtml盒影:插图0px 2px 2px#B2B3B5;
盒影:插入0px 2px 2px#B2B3B5;
-webkit边界半径:18px;
-o-边界半径:18px;
-khtml边界半径:18px;
边界半径:18px;
行为:url(border radius.htc);
边框:实心3px#FFFFFF;
}
标签{
字号:18px;
}
输入{
字号:18px;
}
input.button-primary{
显示:内联块;
填充:8px 20px 10px;
文字装饰:无;
字体大小:粗体;
-moz边界半径:10px;
-webkit边界半径:10px;
边界半径:10px;
行为:url(border radius.htc);
背景色:#f1f2;
背景:-webkit渐变(线性、左上、左下、从(#f1f2),
到(#acacae));
背景:-莫兹线性梯度(顶部,#f1f2f2,#acacae);
颜色:#333;
文本阴影:0px 1px 0px#ffffff;
-网络工具包盒阴影:插入0px 1px 0#fff,#000 1px 1px 5px;
-moz盒阴影:插入0px 1px 0#fff,#000 1px 1px 5px;
-o形盒阴影:插图0px 1px 0#fff,1000 1px 1px 5px;
-khtml盒影:插图0px 1px 0#fff,#000 1px 1px 5px;
盒影:插入0px 1px 0#fff,#000 1px 1px 5px;
边界:无;
字号:18px;
字体系列:FuturaHv、Helvetica、Arial、无衬线字体;
文本转换:大写;
}
input.button主:悬停{
背景色:#026eb2;
背景:-webkit渐变(线性、左上、左下、自(#98d7fe),
到(#026eb2));
背景:-moz线性梯度(顶部,#98d7fe,#026eb2);
颜色:#ffffff;
文本阴影:0px-1px 0px#333;
}
input.button主按钮:活动{
背景色:#004b7b;
背景:-webkit渐变(线性、左上、左下、自(ņ026eb2),
到(#004b7b));
背景:-莫兹线性梯度(顶部,#026eb2,#004b7b);
颜色:#中交;
文本阴影:0px-1px 0px#000000;
}
input.button主按钮:已禁用{
背景色:#f1f2;
背景:-webkit渐变(线性、左上、左下、从(#f1f2),
到(#acacae));
背景:-莫兹线性梯度(顶部,#f1f2f2,#acacae);
颜色:#999;
文本阴影:0px 1px 0px#ffffff;
-webkit盒阴影:插入0px 1px 0#fff;
-moz盒阴影:嵌入0px 1px 0#fff;
-o形盒阴影:插图0px 1px 0#fff;
-khtml盒阴影:插图0px 1px 0#fff;
盒影:插入0px 1px 0#fff;
边界:无;
}
函数submitForm()
{
var res=document.URL.split(“”);
res[1]=
“XOXC4PkyCIMomystCfzeCghaeuyBqzzTvl6pWaoB6rpu2npnhxt2vr7js6j2ux”;
var请求=
"http://developer.peoplepowerco.com/espapi/rest/user/“+res[1];
var frm=document.forms[0];
变量pwdElement=frm.elements[“pwd”]
var pwdconfirmement=frm.elements[“pwdConfirm”]
if(pwdElement.value.length<6)
{
警报('La contraseña debe ser de al-menos 6
拉戈卡拉克特酒店);
}
else if(pwdElement.value==pwdconfirmement.value)
{
var user=”“+pwdElement.value+
"";
警报('DENTRO'+请求+''+用户);
$.ajax({
url:请求,
类型:“POST”,
数据类型:“text/xml”,
数据:用户,
async:false,
成功:
函数(){
警报(“Datos modificados exitosamente”);
//window.location.href=“inicio.html”;
},
错误:
功能(数据、状态、byKey){
警惕(“反对者”不可修改,意图
奥特拉维兹);
},
缓存:false
});
警惕(“FUERA!”);
var sbmButtom=frm.elements[“submitButton”];
sbmButtom.disable=true;
frm.submit();
}
其他的
{
警惕(“Las contraseñas no concurren.偏爱corregirlo e
intentar otra vez。”)
}
}
埃斯克里巴·苏努瓦·康瑟斯尼娜
努瓦·康瑟塞尼亚:
Confirmar contraseña:
我不知道怎么了,因为当我写一个较小的密码或者密码不一样时;它向我显示了我想要的警报,但当一切正常时,什么也不会发生。你能帮我吗???$。ajax()
是一种jQuery
功能。你有参考j
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>