如何将 jquery 的 ajax 响应数据传递给外部函数？ [复制]

Question

我正在从 ajax 调用中获取数据并将数据附加到表中。我正在从数据中获取标题和网址。现在，当我点击表格的 url 数据时，我需要使用点击的 url 数据调用外部 javascript 函数。

 <script>

 jquery(document).ready(function(){
   jquery(#button).click(function{
  showData();  
 });
 });


function showData(){
var total  = "";
var final = ""; 
  jquery.ajax({
url : "AJAX_POST_URL",
type: "POST",
data : input,
    dataType: "json",
success: function(jsondata)
{
    //data - response from server
     var document= jsondata.data.results;  //am getting array of objects
     for(int i=0; i<document.length; i++){
      var tr = "<tr>";
    var td = "<td>" + "Title : " +
    document[i].title + "Url :" + "<a href=''>" +  document[i].url + </a> + "</td></tr>";
   final = tr + td;
    total= total + final ;
        }

    $("#docTable").append(total) ;

},
error: function (jqXHR, textStatus, errorThrown)
{
            alert("error");
}
});
}
</script>


<script>
function download(){

  //inside this function i need to get the value of document[i].url
}
</script> 

Answer 1

你真的应该更好地构建你的程序，如果你能把你的完整示例放在 jsfiddle.net 上会更容易。

但在您当前的代码中，一个快速的解决方案可能是让“文档”成为一个全局变量。请注意，文档已经是 BOM（浏览器对象模型）中的全局变量，因此请使用其他内容，例如“文档”。

<script>
// Global variable
var docs;

jquery(document).ready(function(){
  jquery(#button).click(function{
    showData();  
  });
});

function showData(){
  var total  = "";
  var final = "";

  jquery.ajax({
    url : "AJAX_POST_URL",
    type: "POST",
    data : input,
    dataType: "json",
    success: function(jsondata)
    {
      //data - response from server
      docs = jsondata.data.results;  //am getting array of objects

      for(int i=0; i<document.length; i++) {
        var tr = "<tr>";
        var td = "<td>" + "Title : " +
        docs[i].title + "Url :" + "<a href=''>" +  docs[i].url + </a> + "</td></tr>";
        final = tr + td;
        total = total + final;
      }

      $("#docTable").append(total) ;
    },

    error: function (jqXHR, textStatus, errorThrown)
    {
      alert("error");
    }
  });
}
</script>


<script>
function download(){    
  //inside this function i need to get the value of document[i].url

  // You have access to docs through the global variable
  for(var i=0;i < docs.length;i++) {
    console.log(docs[i].url)
  }
}
</script>