Question

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

This is the entire code that will populate #main:

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

Suppose I have another div called $(“secondary”) ….how would I populate that with {{ num_results }}, which is a part of the code, instead of all of it?

Answer 1

One option is to return json with the data you need for each area.

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

What you would be returning is:

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