Question

我遇到了问题：

我对数据库进行ajax查询并显示有关特定ID的信息，并将其显示在HTML格式的消息返回中。

以下是HTML代码：

<!-- WINE -->
<div id="slides">
    <div id="information_slide" class="slide">
        <!-- container as a result of JS -->
    </div>
</div>
<!-- WINE -->

<!-- LOADING -->
<div id="loading_slide" class="slide" style="display: none;">
    Loading information about the wine ...<br/><br/><img src="images/ajax-loader.gif" />
</div>
<!-- LOADING -->

<!-- AJAX CALL BUTTON -->
<?php
    echo '<div id="'.$id['id'].'" class="menuItem">Show wine when ID = '.$id['id'].'</div>';
?>
<!-- AJAX CALL BUTTON -->

这是JS代码：

[JavaScript的]

$('.menuItem').on('click', function() {

    // ID Wine
    var id = $(this).attr('id');

    $.ajax({
        url: 'function.php',
        beforeSend: function () {
            $('#slides #information_slide').fadeOut(200, function() {
                $('#slides #loading_slide').fadeIn(200);
            });
        },
        data: {
            funkcja: 'show_wine',
            id: id
            },
        type: 'post',
        success: function(result) {
            setTimeout(function() {
                $('#slides #loading_slide').fadeOut(200, function() {
                    $('#slides #information_slide').html(result).fadeIn(400);
                });
            }, 500);
        }
    });
    // alert(id);
});

[/ JavaScript的]

以下是PHP代码：

[PHP]

<?php

    if(isset($_POST['funkcja']) && !empty($_POST['funkcja'])) {
        switch($_POST['funkcja']) {
            case 'show_wine':
                show_wine($_POST['id']);
            break;
        }
    }

    // Callback wine function
    function show_wine($id) {

        $qwerty = "SELECT * FROM `wina` WHERE id='".$id."' LIMIT 1";
        $sql = mysql_query($qwerty);

        while($id = mysql_fetch_assoc($sql)) {
            echo '
                <div id="'.$id['id'].'" class="element">
                    <form method="post" action="" class="jcart">
                        <fieldset>
                            <input type="hidden" name="jcartToken" value="'.$_SESSION['jcartToken'].'" />
                            <input type="hidden" name="my-item-id" value="'.$id['id'].'" />
                            <input type="hidden" name="my-item-name" value="'.stripslashes($id['nazwa']).'" />
                            <input type="hidden" name="my-item-price" value="'.stripslashes($cena_przecinek).'" />
                            <input type="hidden" name="my-item-url" value="" />
                            <input type="hidden" name="my-item-qty" value="1" size="3" class="item-sztuk" />

                            <input type="submit" name="my-add-button" value="to cart" class="item-button" />

                        </fieldset>
                    </form>

                    <!-- ... remaining HTML code... -->

                </div>
            ';
        }

    }
?>

[/ PHP]

我有如前所述的结果。该脚本向我显示了数据库中特定ID的信息（记录） - 这部分脚本没问题。

当PHP回调函数（称为Ajax）托管表单时，我遇到的问题也使用了Ajax函数。这部分HTML代码响应PHP函数......

<form method="post" action="" class="jcart">
    <fieldset>
        <input type="hidden" name="jcartToken" value="'.$_SESSION['jcartToken'].'" />
        <input type="hidden" name="my-item-id" value="'.$id['id'].'" />
        <input type="hidden" name="my-item-name" value="'.stripslashes($id['nazwa']).'" />
        <input type="hidden" name="my-item-price" value="'.stripslashes($cena_przecinek).'" />
        <input type="hidden" name="my-item-url" value="" />
        <input type="hidden" name="my-item-qty" value="1" size="3" class="item-sztuk" />

        <input type="submit" name="my-add-button" value="to cart" class="item-button" />

    </fieldset>
</form>

...是我的jCart脚本的形式。按钮（name = my-add-button）不起作用。

JS脚本从页面的最开始加载：

[HTML]

<head>
    <script type="text/javascript" language="javascript" src="files/jcart.js"></script>
</head>

[/ HTML]

当我调用ajax函数时，将结果（html代码）加载到容器和按钮，并将项目添加到购物车，页面正在重新加载，并且仅将项目添加到购物车。我试图在PHP脚本中添加 return false; ，但如果碰巧什么都没有。

这是JS代码文件jcart - ＆gt; www.starwines.com.pl/jcart/js/jcart.js

这里是DEMO PAGE - ＆gt; www.starwines.com.pl/test.php

请尝试以下操作： * 1） *点击“ Dodaj do koszyka ”添加项目（黄色按钮） 2）从旋转木马中选择不同的葡萄酒，然后点击“Dodaj do koszyka”

如何解决这个问题？

问候！

PS。对不起英语，我很弱:)）

Answer 1

从

更改点击事件绑定代码

$('.jcart').submit(function(e) {
    add($(this));
    e.preventDefault();
});

到

$(document).on('submit', '.jcart', function(e) {
    add($(this));
    e.preventDefault();
});

将完成这项工作。

jQuery on

响应ajax Call的Ajax表单

1 个答案: