如何通過JS參數發送到AJAX js文件

Question

我的HTML有這個在它：

<script src="../scripts/jquery-1.8.1.min.js"></script> 
<script src="../scripts/displayTable.js"></script> 

的displayTable.js由這樣的：

$.ajax({ 
    url: "https://carcraft.atsbusinessandgames.com/xmls/carcraft_1-10-2Test.xml", 
    type: "Get", 
    dataType: 'xml', 
    success: function (result) { 
     $(result).find('Module').each(function() { 
      var name = $(this).attr("name"); 
      var url = $(this).find('url').text(); 
      var authors = $(this).find('authors').text(); 
      var version = $(this).find('version').text(); 
      var date = $(this).find('date').text(); 
      var description = $(this).find('description').text(); 
      $("#ModsList").append("<tr>" + "<td>" + "<a href=" + url + ">" + name + "</a>" + "</td>" + "<td>" + authors + "</td>" + "<td>" + version + "</td>" + "<td>" + date + "</td>" + "<td>" + description + "</td>" + "</tr>"); 
     }); 
    }, 
    failure: function() { 
    alert("Notify the site owner that the xml file is unreadable."); 
    } 
}); 

我將如何讓這個我可以將url作爲參數傳遞，而不是將其硬編碼到js文件中，這樣我可以在我的網站上的多個頁面上使用相同的文件？

Answer 1

在displayTable.js中定義一個函數，然後在加載腳本後調用它。

所以diaplayTable.js將包含：

function displayTable(url) { 
    $.ajax({ 
     url: url, 
     type: "Get", 
     dataType: 'xml', 
     success: function (result) { 
      $(result).find('Module').each(function() { 
       var name = $(this).attr("name"); 
       var url = $(this).find('url').text(); 
       var authors = $(this).find('authors').text(); 
       var version = $(this).find('version').text(); 
       var date = $(this).find('date').text(); 
       var description = $(this).find('description').text(); 
       $("#ModsList").append("<tr>" + "<td>" + "<a href=" + url + ">" + name + "</a>" + "</td>" + "<td>" + authors + "</td>" + "<td>" + version + "</td>" + "<td>" + date + "</td>" + "<td>" + description + "</td>" + "</tr>"); 
      }); 
     }, 
     failure: function() { 
      alert("Notify the site owner that the xml file is unreadable."); 
     } 
    }); 
} 

然後你使用它作爲：

<script src="../scripts/jquery-1.8.1.min.js"></script> 
<script src="../scripts/displayTable.js"></script> 
<script> 
$(document).ready(function() { 
    displayTable("https://carcraft.atsbusinessandgames.com/xmls/carcraft_1-10-2Test.xml"); 
}); 
</script> 

Answer 2

在這裏你去，

function callAjax(url){ 
    $.ajax({ 
     url: url, 
     type: "Get", 
     dataType: 'xml', 
     success: function (result) { 
     $(result).find('Module').each(function() { 
      var name = $(this).attr("name"); 
      var url = $(this).find('url').text(); 
      var authors = $(this).find('authors').text(); 
      var version = $(this).find('version').text(); 
      var date = $(this).find('date').text(); 
      var description = $(this).find('description').text(); 
      $("#ModsList").append("<tr>" + "<td>" + "<a href=" + url + ">" + name + "</a>" + "</td>" + "<td>" + authors + "</td>" + "<td>" + version + "</td>" + "<td>" + date + "</td>" + "<td>" + description + "</td>" + "</tr>"); 
     }); 
     }, 
     failure: function() { 
     alert("Notify the site owner that the xml file is unreadable."); 
     } 
    }); 
}; 

呼叫功能，並通過URL作爲參數究竟在哪兒你想叫它。

callAjax("https://carcraft.atsbusinessandgames.com/xmls/carcraft_1-10-2Test.xml"); 
callAjax("https://google.com");