javascript - jQuery Ajax 问题...如何通过一次 ajax 调用更新两个 DIV？

Question

function ajaxCall(query){
$.ajax({
    method:"get",
    url:"/main/",
    data:"q="+query,
    beforeSend:function() {},
    success:function(html){
        $("#main").html(html);
    }
    });
};

这是将填充#main的完整代码:

<p>{{ num_results }}, you just searched for {{ query }}</p>

假设我有另一个名为 $("secondary") 的 div ....我如何用 {{ num_results }} 填充它，它是代码，而不是全部？

Answer 1

一种选择是返回包含每个区域所需数据的 json。

$.ajax({
    method:"get",
    url:"/main/",
    dataType: "json",
    data:"q="+query,
    beforeSend:function() {},
    success:function(json){
        $("#main").html(json.main);
        $("#secondary").html(json.secondary);
    }
});

您将返回的是:

{
    "main": "<p>{{ num_results }}, you just searched for {{ query }}</p>",
    "secondary": "{{ num_results }}"
}