2017-06-29 29 views
2

所以在我的HTML我我的巡航能力元素發佈採購信息不redirectiong到所請求的頁面

<button">Add to Cart</button> 

對於這個按鈕點擊的功能,我在劇本中點擊收聽這樣做。我的劇本是

<script type="text/javascript"> 

window.addEventListener('click',function(e) 
     { 

      e = e || window.event; 
      var target = e.target || e.srcElement; 
      console.log("value of the element clicked== "+target.innerHTML); 
      if(target.innerHTML=="Add to Cart" || target.innerHTML=="Remove From Cart") 
      { 
       var uris=target.parentNode.parentNode.querySelector("#uris").value; 
       var username=target.parentNode.parentNode.querySelector("#usernames").value; 
       console.log("user name=="+username); 
       console.log(target); 
       if(target.innerHTML=="Add to Cart") 
       { 
       console.log("it is comming here"); 
       var productid=target.parentNode.parentNode.querySelector("#proid").innerHTML; 
       $.post('AddCart1',{product:productid,username:username,uri:uris}, function() { 
       }); 
       } 
       else 
       { 
       var productid=target.parentNode.parentNode.querySelector("#proid").value; 
       console.log("parent id=="+productid); 
       $.post('RemoveItem',{product:productid,username:username,uri:uris}, function() { 
       }); 
       } 
      } 
     }, false); 
</script> 

所以,當我按一下按鈕我得到的日誌「它正在添加在這裏」。而且我在我的數據庫中所做的所有更新都反映在我的數據庫中。但該網頁沒有被重定向到請求的網址。它保留在同一頁面中,無需重新加載。什麼是問題?

+0

將回調函數(完成)添加到** $。post **中,在該函數內寫入重定向url(window.location ='redirect_url')。 –

+0

另外,考慮直接在按鈕上添加事件監聽器,它會讓你的代碼更清晰。 –

+0

它工作得很好thanq @SaravananN –

回答

2

嗨,我可以看到你是沒有做任何事情來重定向頁面 ,所以當你發送請求使用$ .post它會返回你從請求的頁面響應,你會在同一頁上。

to redirect you can use following methods 
// similar behavior as an HTTP redirect 
window.location.replace("your url"); 

// similar behavior as clicking on a link 
window.location.href = "your url"; 

,你可以使用它在POST請求的成功你的$ POST請求裏面你可以重定向到其他網頁或者你甚至可以不用$。員額重定向。

或者

包括jQuery和的jquery.redirect.min.js插件,你可以簡單地做這樣的事情後:

$().redirect('your url', {post data in key value pair i.e.'key':'value'}); 

,我也碰到過,這可能是工作!

$.redirectPost("your URL", {post data in key value pair i.e.'key':'value'}); 
+0

thanq bro !!!它工作得很好... –

+0

太棒了!快樂編碼:-) –

相關問題