如何使ajax全局返回值

Question

我有一个从 django 函数返回值的 ajax 函数。 我想让输出全局化，以便我可以在选择下拉列表中使用它。 这是我的代码。

$(document).ready(function () 
{ 
  function AjaxCall(HandleData) 
  {
    return $.ajax({
    url: "/evidence_values/",
    type: "post",
    data: {'evidence':document.getElementById('evidence').value},
    success: function(data){ HandleData(data);}
                   });
  }

    $("#save").click(function(){
       AjaxCall(function(output){filter_data = output});
                               });

    function CallAjax(DataHandle) 
    {
     return $.ajax({
                  url: "/get_evidence_items/",
                  type: "post",
                  success: function(data){DataHandle(data);}
                  });
    }

    $("#evidence_selected").click(function(){
       CallAjax(function(output){items_data = output});
                                             });

以及 index.html 中其他地方的下拉菜单

<select name="evidence_selected" id="evidence_selected" style="margin-right:20px;color:#5c89db;margin-top:20px;margin-left:40px;height: 2em;border-radius: 3px;">

<option value="selectedvidence" id="selectedvidence"name="selectedvidence">Select Evidence Number</option>

{% for item in items %}
<option value="{{item.evidence}}">{{ item.evidence }}</option>
{% endfor %}
<option id="new"value="new">New</option>

</select>

Answer 1

你可以让你的句柄数据函数插入选项into the select?

  $("#evidence_selected").append('<option value=1>' + dataStr + '</option>');

或者，将值存储在array:

 var evidenceArray = [];
 evidenceArray.push(dataStr);

然后从数组中创建foreach：

$("#evidence_selected").empty();
$.each(evidenceArray , function() 
{
  $("#evidence_selected").append('<option value=1>' + this+ '</option>');
});

但是，如果您要填充 ajax 成功，我不确定您为什么要使用 for-each 而不是插入？