使用javascript时如何重定向到另一个页面

Question

I have a form In their it has a cancel button. when that button is clicked a confirm box will appear and ask whether user needs to leave the page then i need to redirect the page .I'm using codeigniter and I did this but it is redirects to same page.I don't know why? can anyone help me?

View(busineeRateView.php)

 <?php $Vehicleid=$details['id']; ?>
<input type="submit" name="cancelreview" class="btn btn-primary btn-lg" value="CANCEL" onClick="return cancelConfirm();">

<script>
    function cancelConfirm() {
         job = confirm("Are you sure you want to cancel and leave this page?");
         if (job == true) {
            window.location.href = "http://localhost/ci/adpreview_ctrl/getad_preview/".$Vehicleid; 
            return true;
         }
    }
</script>

controller

public function loadReviewPage($vehicleid){


$data=array();
$data['details']['id']=$vehicleid;

$this->load->view('pages/templates/header');
    $this->load->view('pages/businessRateView',$data);
    $this->load->view('pages/templates/footer');

}

Answer 1

Since you return true from the event handler, the submit button submits the form.

Since that comes after the location assignment, it overwrites it.

Submitting a form will reload the current page (assuming form doesn't have an action attribute and the submitted data doesn't cause the server to return a different page).

Don't use a submit button. Your JavaScript is doing little more than simulating a link, so use a real link.

<a class="btn btn-primary btn-lg" 
   href="http://localhost/ci/adpreview_ctrl/getad_preview/$Vehicleid"
   onclick="return cancelConfirm();">
    Cancel
</a>

and

function cancelConfirm(){
    return confirm("Are you sure you want to cancel and leave this page?");
}

NB: You seem to have left some PHP in your example. Make sure you express your URL in valid HTML/JS.

Answer 2

this line is confusing:

window.location.href = "http://localhost/ci/adpreview_ctrl/getad_preview/".$Vehicleid;

Seems you mix javascript and php. Concatenating strings in JS is done with +, not . which is php syntax. and php variables like $Vehicleid are not accessible directly in JS. Try to use a php block for that. like:

window.location.href = "http://localhost/ci/adpreview_ctrl/getad_preview/" + "<?= $Vehicleid; ?>";

Answer 3

I think maybe you use the wrong operation. You should use '+' instead of '.' in javascript string operation. '.' is used in php:)

window.location.href = "http://localhost/ci/adpreview_ctrl/getad_preview/" + $Vehicleid;