Chrome JavaScript / jquery重定向到索引

Question

EDIT: I searched around meanshile and read that chrome doesn't allow local files, could that be the reason?

I have created my first website including mostly php and jQuery and some JavaScript, everything works fine on Firefox, my problem is on chrome whenever I submit a form in a specific tab it runs everything but then redirects to index instead of printing the result.

Here are my functions

function cshoptab(tab) {   // for register.php
    var tab = tab;
    switch (tab) {
        case 'weapons':
            $("#cshopwrap").html('Loading').show();
            $("#cshopwrap").load('php/cshop/weapons.php');
            break;
        case 'helms':
            $("#cshopwrap").html('Loading').show();
            $("#cshopwrap").load('php/cshop/helms.php');
            break;
        case 'suits':
            $("#cshopwrap").html('Loading').show();
            $("#cshopwrap").load('php/cshop/suits.php');
            break;
        case 'gloves':
            $("#cshopwrap").html('Loading').show();
            $("#cshopwrap").load('php/cshop/gloves.php');
            break;
        case 'boots':
            $("#cshopwrap").html('Loading').show();
            $("#cshopwrap").load('php/cshop/boots.php');
            break;
        case 'style':
            $("#cshopwrap").html('Loading').show();
            $("#cshopwrap").load('php/cshop/style.php');
            break;
        case 'costumes':
            $("#cshopwrap").html('Loading').show();
            $("#cshopwrap").load('php/cshop/costumes.php');
            break;
        case 'pets':
            $("#cshopwrap").html('Loading').show();
            $("#cshopwrap").load('php/cshop/pets.php');
            break;
    }
}
function cshopsenditem(idxvalue, opt, duration) {
    $("#content").html('Loading purchase').show();
    var idxvalue = idxvalue.split('x');
    var idx = idxvalue[0];
    var price = idxvalue[1];
    var url = "php/cshop.php";
    $.post(url, {idx: idx, price: price, duration: duration, opt: opt}, function(data) {
        $("#content").html(data).show();
    });
}

PHP:

<?php
include 'functions.php';
session_start();

if($_SESSION['username']){

    $username=$_SESSION['username'];

    if($_POST){

        $price=$_POST['price'];
        $idx=$_POST['idx'];
        $opt=$_POST['opt'];
        $duration=$_POST['duration'];

        $cashstring = cshop($username, $opt, $duration, $idx, $price);
        echo $cashstring;
    }

?>

FORM:

<form name=form method='post'  onsubmit='cshopsenditem(document.getElementById("idx").value, 
                                                    null, 
                                                    document.getElementById("duration").value)'>
            <table>
                    <tr>
                        <td rowspan=9><img src=cimg/style.png></td>
                        <td>Item: </td>
                        <td>
                            <select name=idx id='idx' onchange='updateprice(document.getElementById("idx").value)'>
                                <option value=901x100>Change Kit - Hair Style (Novice)</option>
                                <option value=904x100>Change Kit - Hair Color (Normal)</option>
                                <option value=906x100>Change Kit - Face (Novice)</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>Restriction: </td>
                        <td>Account Binded</td>
                    </tr>
                    <tr>
                        <td>Duration: </td>
                        <td>Permanent</td>
                    </tr>

                    <tr>
                        <td>Price: </td>
                        <td><div id='price'>100</div></td>
                    </tr>
                    <tr>
                        <td colspan=2 class='cshopbuybutton'>
                            <input name=duration id='duration' type=hidden value=31>
                            <input name=buybutton type=submit class='button' value='BUY NOW'>
                        </td>
                    </td>
                </table>
        </form>

Answer 1

Maybe because you don't want to refresh your page... If I'm wrong, just ignore it.

$.post(url, {idx: idx, price: price, duration: duration, opt: opt}, function(data) {
        $("#content").html(data).show();
    });
return false; //Missed this line

---

When you're submitting a form from $.post or $.ajax you don't need to specify onSubmit() method in form , try giving an id for your form and execute code on $('#myform').click(function(){});

Answer 2

对于较晚的答案，我感到抱歉，其原因是因为Google chrome由于某些原因不允许onsubmit事件，因此我不得不将其更改为onclick。