2016-04-28 31 views
0

我在magento管理彈出窗口中打開表單時,我向表單字段添加名稱並單擊保存。表單重新加載和ajax發佈失敗,沒有任何錯誤。當在表單的輸入字段中添加名稱,然後單擊提交ajax重新加載表單

這是我的html代碼

<form enctype="multipart/form-data"> 
<table cellspacing="0" id="" class="form-list"> 
     <tbody><tr> 
      <td class="label"><label for="authnetcim_cc_type">Credit Card Type <span class="required">*</span></label></td> 
      <td class="value"> 
        <select id="<?php echo $_code ?>_cc_type" class="<?php echo $require.$_code; ?>_require" name="karan"> 
         <option value=""><?php echo $this->__('--Please Select--')?></option> 
         <option value="AE">American Express</option> 
         <option value="DI">Discover</option> 
         <option value="JCB">JCB</option> 
         <option value="MC">Mastercard</option> 
         <option value="VI">Visa</option> 
        </select> 
      </td> 
     </tr> 
     <tr> 
      <td class="label"><label for="authnetcim_cc_number">Credit Card Number <span class="required">*</span></label></td> 
      <td class="value"> 
        <input type="text" id="<?php echo $_code ?>_cc_number" title="<?php echo $this->__('Credit Card Number') ?>" class="input-text <?php echo $require.$_code; ?>_require validate-cc-number" autocomplete="off" value="" /> 
      </td> 
     </tr> 
     <tr> 
      <td class="label"><label for="authnetcim_expiration">Expiration Date <span class="required">*</span></label></td> 
      <td class="value"> 
       <select id="<?php echo $_code ?>_expiration" class="month <?php echo $require.$_code; ?>_require"> 
          <option value="">Month</option> 
          <option value="1">Jan</option> 
          <option value="2">Feb</option> 
          <option value="3">Mar</option> 
          <option value="4">Apr</option> 
          <option value="5">May</option> 
          <option value="6">Jun</option> 
          <option value="7">Jul</option> 
          <option value="8">Aug</option> 
          <option value="9">Sept</option> 
          <option value="10">Oct</option> 
          <option value="11">Nov</option> 
          <option value="12">Dec</option> 
         </select> 

       <select id="<?php echo $_code ?>_expiration_yr" class="year <?php echo $require.$_code; ?>_require"> 
        <option value="">Year</option> 
        <option value="2015">2015</option> 
        <option value="2016">2016</option> 
        <option value="2017">2017</option> 
        <option value="2018">2018</option> 
        <option value="2019">2019</option> 
        <option value="2020">2020</option> 
        <option value="2021">2021</option> 
        <option value="2022">2022</option> 
        <option value="2023">2023</option> 
        <option value="2024">2024</option> 
        <option value="2025">2025</option> 
       </select> 
      </td> 
     </tr> 
    </tbody> 
</table> 
<div class="buttons-set"> 
     <button class="button submit-addccbtn" id="addccbtn" title="Submit"><span><span>Submit</span></span></button> 
    </div> 

</form> 

這是我的js代碼..

<script type="text/javascript"> 
    //<![CDATA[ 
    var id = '<?php echo $recordId ?>'; 
    var url = '<?php echo $saveUrl ?>'; 
    function closePopup() { 
     Windows.close('browser_window'); 
    } 
    document.getElementById("addccbtn").onclick = function() {saveccard()}; 
    function saveccard() { 
     var dataString ='id='+id; 
     new Ajax.Request(url, { 
       method: 'POST', 
       parameters: dataString, 
       onSuccess: function(response) { 
        var json = response.responseText.evalJSON(true); 
        if(json.success){ 
         window.parent.closePopup(); 
        } 
       }, 
       onFailure: function(response) { 
        //location.reload(); 
       } 
      }); 
     } 



//]]> 
</script> 

,這是我的AJAX請求失敗的圖像。

enter image description here

,如果我從外地Ajax請求做工精細刪除名稱。

請幫

我與jQuery和其工作嘗試過,但我想用純JS

+1

分享你的html代碼! –

+0

請檢查編輯的問題@Hirenpatel –

+0

我添加了名字,只是第一個選擇框,它的停止工作 –

回答

0

附加屬性您addccbtn按鈕type="button"來實現它。因爲如果你沒有指定type屬性,默認它會像提交按鈕一樣。 等防止表單提交和重新加載頁面的方式是使用event.preventDefault函數。

document.getElementById("addccbtn").addEventListener("click", function(event){ 
    event.preventDefault(); 
    // your savecard() code here 
}) 
相關問題