Question

从ajax调用获取数据并将数据附加到表。我从数据中获取标题和网址。现在，当我点击表格的网址数据时，我需要使用点击的网址数据调用外部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（浏览器对象模型）中的全局变量，因此请使用其他内容，例如“docs”。

<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>

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

1 个答案: