用jquery写一段代码， 点击两个链接，从同一个js中，分别获取对应的广告代码显示出来

当点击两个链接时，我们可以使用jQuery来捕捉点击事件，并根据链接的不同来获取对应的广告代码并将其显示出来。假设两个链接分别有`id="link1"`和`id="link2"`，我们可以在一个共同的JavaScript文件中编写以下代码：

!-- HTML -->

a href="#" id="link1">
    Link 1/a>
    a href="#" id="link2">
    Link 2/a>
    div id="adContainer">
    /div>

js

// JavaScript (jQuery)$(document).ready(function() {
  $("#link1").click(function(event) {
        event.preventDefault();
        fetchAdCode(1);
 // Fetch ad code for link 1  }
    );
  $("#link2").click(function(event) {
        event.preventDefault();
        fetchAdCode(2);
 // Fetch ad code for link 2  }
    );
}
    );
function fetchAdCode(linkId) {
      // Here, you can perform an AJAX request or any other method  // to fetch the ad code for the given linkId.  // For demonstration purposes, we will simply simulate fetching the ad code.  // Replace the following lines with your actual logic to fetch the ad code.  let adCode;
  if (linkId === 1) {
        adCode = "p>
    Ad code for Link 1/p>
    ";
  }
 else if (linkId === 2) {
        adCode = "p>
    Ad code for Link 2/p>
    ";
  }
      displayAd(adCode);
}
function displayAd(adCode) {
      // Display the fetched ad code in the adContainer div.  $("#adContainer").html(adCode);
}
    

在上面的代码中，我们使用了jQuery的事件绑定来监听点击事件。当点击`#link1`时，会调用`fetchAdCode(1)`函数来获取广告代码，同样，当点击`#link2`时，会调用`fetchAdCode(2)`函数来获取广告代码。`fetchAdCode`函数根据`linkId`的不同，模拟获取不同的广告代码，并调用`displayAd`函数来显示获取到的广告代码。

请注意，实际情况中，你需要替换`fetchAdCode`函数内部的模拟逻辑，改为根据链接的不同向服务器请求相应的广告代码，这通常涉及使用AJAX或其他网络请求方式。同时，替换模拟逻辑后，你可能还需要对广告代码进行安全性检查和防范，以确保广告代码不会带来潜在的安全问题。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！