[英]Call Ajax on href click
我有一系列我想使用 Ajax 調用的鏈接
<a href="AddElement.php?Type=Example">Link</a>
<a href="AddElement.php?Type=ExampleTwo">Link</a>
<a href="AddElement.php?Type=ExampleThree">Link</a>
我嘗試了以下方法無濟於事:
<a id="data" href="#" data-href="Example">
<script type="text/javascript">
$(document).on('click','#data',function(e) {
e.preventDefault();
e.stopPropagation();
var data = $(this).data('href');
$.ajax({
method: 'get',
url: 'AddElement.php?Type=',
data: data,
async: true,
cache: false,
success: function (data){
alert('Success');
}
});
});
</script>
任何人都可以幫忙嗎?
定義自定義屬性並在腳本中使用這些屬性,如下所示。
data-url="AddElement.php?Type=" href="#" data-value="Example"
$(document).on('click','#data',function(e) { e.preventDefault(); e.stopPropagation(); var URL = $(this).data('url'); var data = $(this).data('value'); $.ajax({ method: 'get', url: URL, data: data, async: true, cache: false, success: function (data){ alert('Success'); }, error: function (data) { console.log('Error'); } }); });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <aa id="data" data-url="AddElement.php?Type=" href="#" data-value="Example">Text</a>
您需要在url
選項中使用data-href
值,而不是在data
選項中。 因此應該是
var hrefVal = $(this).data('href');
$.ajax({
method: 'get',
url: 'AddElement.php?Type=' + hrefVal,
async: true,
cache: false,
success: function (data){
alert('Success');
}
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.