Question

网络网络服务。以下代码使用JS附加到我的母版页。当我运行ajax调用时，似乎在成功函数结束时，它会刷新整个页面。而不是某些特定的部分。我尝试过使用两种方式，表单+输入提交，以及带点击功能的普通按钮。

$.ajax({
        url: 'service url',
        data: { LookupParameter: somevariable },
        method: 'POST',
        dataType: 'xml',
        asynch: false,
        cache: false,
        success: function (data) {
            var xmldata = $(data);
            //dom manipulation code
        },
        error: function (e) {

        }
    });

母版页以下代码嵌入在body标记内。但不在内容占位符中。

<form itemscope itemtype="http://schema.org/LocalBusiness" id="form1" runat="server">
<span class="input-group-addon borderRadiusZero" id="basic-addon1">
    <span class="glyphicon glyphicon-question-sign"></span>
</span>
<Input ID="txt_lookup_pincode" type="number" class="form-control" min="111111" max="999999" placeholder="Enter Your Pincode" />
<span class="input-group-btn ">
    <button id="LookupServicesa" class="btn btn-primary borderRadiusZero" onClick="HomeCheckDeliverableAreas();" style="height:100%;">Submit</button>
    <input id="LookupServices" class="btn btn-primary borderRadiusZero" style="height:100%;" type="submit" value="submitM" />
</span>

Answer 1

问题可能是因为这一行

<button id="LookupServicesa" class="btn btn-primary borderRadiusZero" onClick="HomeCheckDeliverableAreas();" style="height:100%;">Submit</button>

此处未定义button type。在这种情况下，将应用submit的默认类型。

将按钮类型定义为按钮

<button type = "button" id="LookupServicesa" class="btn btn-primary borderRadiusZero" onClick="HomeCheckDeliverableAreas();" style="height:100%;">Submit</button>

Answer 2

如果带有Ajax调用的JavaScript函数包含在按钮的onclick处理程序中，则它应返回false以防止按钮的默认操作：

<button id="LookupServicesa" class="btn btn-primary borderRadiusZero" onClick="HomeCheckDeliverableAreas(); return false;" style="height:100%;">Submit</button>

Answer 3

您可以在按钮上添加“按钮”类型以禁止默认行为

<button type="button" id="LookupServicesa" class="btn btn-primary borderRadiusZero" onClick="HomeCheckDeliverableAreas();" style="height:100%;">Submit</button

Answer 4

将ajax成功之后要刷新的dom元素放在表单外部的另一个div中，并对该div进行操作。希望这有帮助！

Ajax刷新整个页面而不是特定部分

4 个答案: