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

网络Web服务。以下代码使用JS附加到我的母版页。当我运行ajax调用时，它似乎在成功函数结束时刷新整个页面。而不是某个特定的部分。我已经尝试使用两种方式，表单+输入提交，并与点击功能的正常按钮。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>

来源

2017-09-09 The Sagar Patil

添加此代码'location.reload（）;'在ajax成功。 – purvik7373

@ purvik7373 OP要*不*重新加载页面 –

问题可能是因为这条线

<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>

来源

2017-09-09 04:52:55 brk

它运作良好。谢谢！！！ :) –

如果与Ajax调用你的JavaScript函数包含在onclick处理您的按钮，它应该返回false，以防止按钮的默认操作：

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

来源

2017-09-09 04:53:52

您可以添加到该按钮的类型“按钮”，以抑制默认行为

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

来源

2017-09-09 04:57:41

将您希望在ajax成功后刷新的dom元素放在表单外的另一个div中，然后对该div执行操作。希望这可以帮助！

来源

2017-09-09 05:02:27

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

回答

相关问题