如何通过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");