form submit с двумя действиями

Question

Я пытаюсь создать страницу, на которой форма submit выполнит два действия. В index.php первое действие - это использование ajax для отправки данных, которые будут сохранены в базе данных. Второе действие - это изменение страницы на index1.php. Код, который я создал успешно, сохраняет данные в базе данных, но не меняет index1.php. В чем проблема с моим кодом?

index.php

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 

<script> 
$(document).ready(function(){ 
$("#submit").click(function(){ 
var radio1 = $("input[name=group1]:checked").val(); 
var radio2 = $("input[name=group2]:checked").val(); 
var radio3 = $("input[name=group3]:checked").val(); 
var radio4 = $("input[name=group4]:checked").val(); 
// Returns successful data submission message when the entered information is stored in database. 
var dataString = '&submit1='+ radio1 + '&submit2='+ radio2 + '&submit3='+ radio3 + '&submit4='+ radio4; 

if(radio1==''||radio2==''||radio3==''||radio4=='') 
{ 
alert("Please Fill All Fields"); 
} 
else 
{ 
// AJAX Code To Submit Form. 
$.ajax({ 
type: "POST", 
url: "ajaxsubmit.php", 
data: dataString, 
cache: false, 
success: function(result){ 
alert(result); 
} 
}); 
} 
return false; 
}); 
}); 
</script> 

<form action="index1.php" method="post"> 
       <hr> 
         <label>Alignment: </label> 
         <input type="radio" name="group1" value="5"> 5 
         <input type="radio" name="group1" value="4"> 4 
         <input type="radio" name="group1" value="3"> 3 
         <input type="radio" name="group1" value="2"> 2 
         <input type="radio" name="group1" value="1"> 1 
         <hr> 
         <label>Blend: </label> 
         <input type="radio" name="group2" value="5"> 5 
         <input type="radio" name="group2" value="4"> 4 
         <input type="radio" name="group2" value="3"> 3 
         <input type="radio" name="group2" value="2"> 2 
         <input type="radio" name="group2" value="1"> 1 
         <hr> 
         <label>Warp: </label> 
         <input type="radio" name="group3" value="5"> 5 
         <input type="radio" name="group3" value="4"> 4 
         <input type="radio" name="group3" value="3"> 3 
         <input type="radio" name="group3" value="2"> 2 
         <input type="radio" name="group3" value="1"> 1 
         <hr> 
         <label>Overall: </label> 
         <input type="radio" name="group4" value="5"> 5 
         <input type="radio" name="group4" value="4"> 4 
         <input type="radio" name="group4" value="3"> 3 
         <input type="radio" name="group4" value="2"> 2 
         <input type="radio" name="group4" value="1"> 1 
       <hr> 
       <input type="submit" id="submit" name="submit" value="Submit" class="button"> 
</form> 

Answer 1

Вы должны изменить местоположение после Ajax успеха:

$.ajax({ 
    type: "POST", 
    url: "ajaxsubmit.php", 
    data: dataString, 
    cache: false, 
    success: function(result){ 
     alert(result); 
     window.location = '/index1.php'; 
    } 
});