2017-06-29 70 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

太棒了!快乐编码:-) –

相关问题