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刷新整個頁面而不是特定部分

回答

相關問題