Question

我有一个名为＆＃34的锚标记;保存为草稿＆＃34;。

预期功能

当我点击此链接时，表单字段中的值应存储到数据库中。但是这些字段不应该刷新，并且应该保留这些值。

主播链接

<a class="btndisable" href="#" id="saveasdraft" onclick="draft();">SAVE
                                                AS DRAFT</a>

我的剧本

function draft() {

    document.getElementById("status").value = "DRAFT";
    $("#addaccount").serialize();
    $.ajax({

        type : "POST",
        url : './requestDetails',
        data : $("#addaccount").serialize(),
        success : function() {
            console.log("inside draft ajax method....");
            $('#dbmsg').show();
            console.log("inside draft ajax method 2....");
            $("#addscenario").addClass('btn');
        }
    });

这里的问题是当我通过ajax提交表单时，字段会刷新

需要你的建议

Answer 1

将href="javascript:void(0);"添加到您的锚标记。这可以帮助您刷新页面

Answer 2

将<script type="text/javascript" language="javascript"> jQuery.noConflict(); function imgChange(path){ jQuery(".image_05").attr("src", path); jQuery(".undefined").css("background-image",'url('+path+')'); jQuery(".product-image img:last") .attr("src", path); //jQuery(".product-image img:nth-child(2)").attr("src", path); } var lenswidth = "<?php echo $lensWidth; ?>"; var lensbordercolor="<?php echo $lensBordercolor; ?>"; var borderSize="<?php echo $borderSize;?>"; jQuery(function ($) { $(".image_05").imageLens({ lensSize: lenswidth, borderColor: lensbordercolor, borderSize: borderSize }); }); </script>添加到您的代码

return false;

没有页面刷新的ajax提交无法正常工作

2 个答案: