jQuery Ajax的问题​​...如何使用ONE 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 }}"
}