【发布时间】：2013-12-03 06:01:33
【问题描述】：
总之，我有一个通过 AJAX 加载的表单。此表单的必填字段通过另一个 AJAX 调用进行检查。填写完所有必填字段后，将向 db 添加一条新记录，现在应该将用户发送到我的付款页面以完成申请流程。我尝试添加window.location = "http://www.paymentPage.php";，但无论我将这段代码放在哪里，它都会与我的ajax 代码一起执行。我什至尝试在validMA.php 中的代码末尾添加die(header:location('paymentPage.php'));。我知道我遗漏了一些简单的东西……只是想不通。
PHP 代码：
<?php
session_start();
include('header.htm');?>
</head>
<body>
<div id="container">
<div id="content"><div class="content">
<h1>New Member Application</h1>
<form method="post" name="checkUserMA" id="checkUserMA">
<label class="clear" style="width:120px">Username/Email<br><span class="small"></span></label>
<input type="text" name="usernameMA" id="usernameMA" class="green" style="width:300px;"/><br><br>
<input type="submit" id="checkUserMA" class="submit" value="Submit" />
</form>
<div id="errorMA"></div>
<div id="resultMA"></div>
</div></div><!--end content-->
<div id="footer">
<?php include("footer.htm") ?>
<!--<?php include("disclaimer.htm") ?>-->
</div><!--end footer-->
<div class="clear"></div>
</div><!--end container-->
<div class="clear"></div>
</body>
</html>
JS代码：
$(document).ready(function() {
//NEW MEMBER APPLICATION
$('#resultMA').hide();
$('#errorMA').hide();
$("#checkUserMA").submit(function(event){
event.preventDefault();
$("#resultMA").html('');
var values = $(this).serialize();
$.ajax({
url: "checkMA.php",
type: "post",
data: values,
success: function(result){
$("#resultMA").html(result).fadeIn();
$('.error').hide();
validMA();
window.location = "http://184.154.174.162/~nsgpcom/memberAppPay.php";
},
error:function(){
$("#resultMA").html('There was an error.').fadeIn();
}
});//end ajax
});
function validMA(){
$("#fullFormMA").click(function(e){
e.preventDefault();
$("#errorMA").html('');
var fullForm = $(this).serialize();
$.ajax({
url: "validMA.php",
type: "post",
data: fullForm,
success: function(result){
$("#errorMA").html(result).fadeIn();
},
error:function(){
$("#errorMA").html('There was an error. Please try again.').fadeIn();
}
});//end
});
$("errorMA").hide();
}//end function
validMA.php 代码：
<?php
session_start();
include('functions.php');
connect();
$firstName = protect($_POST['firstName']);
$lastName = protect($_POST['lastName']);
$address1 = protect($_POST['address1']);
$address2 = protect($_POST['address2']);
$city = protect($_POST['city']);
$state = protect(strtoupper($_POST['state']));
$zip = protect($_POST['zip']);
$required = array('firstName','lastName','address1','city','state','zip');
// Loop over field names, make sure each one exists and is not empty
$error = false;
foreach($required as $field) {
if (empty($_POST[$field])) {
$error = true;
}
}
if ($error){
echo "You need to fill in all required (*) fields";
} else {
$sql2 = "INSERT INTO newMembers (username,firstName,lastName,address1,address2,city,state,zip,publicEmail,workPhone,privateAddress1,privateAddress2,privateCity,privateState,privateZip,homePhone,cellPhone,website,facebook,twitter,linkedIn,education,licensure,certification,statement,dateAdded) VALUES ('$username','$firstName','$lastName','$address1','$address2','$city','$state','$zip','$publicEmail','$workPhone','$privateAddress1','$privateAddress2','$privateCity','$privateState','$privateZip','$homePhone','$cellPhone','$website','$facebook','$twitter','$linkedIn','$education','$licensure','$certification','$statement','$dateAdded')";
$result2 = mysql_query($sql2) or die(mysql_error());
}?>
希望理解这个逻辑。我知道我会一次又一次地使用它。
【问题讨论】：
-
您还可以打印出您的 ajax 调用返回的错误。错误：函数（xhr，状态，错误）{ console.log（错误+“此处错误”）； } 并且应该是 window.location.href = url;