The ajax function:
ajax(
url, # here you set a string to a complete url, it can include args
and vars
[], # form inputs, if you have a form on the page you can set
['name', 'email'] if you do not have a form set it to null
target, # an id of any html element where you want the response to be
inputed #mydiv or a function to be used as callback function(data){//do
something})
)
NOTE: avoid the use of inline java script
Example:
{{extend 'layout.html'}}
<script>
$(function(){
$('.myactions li').click(function(){
elem = $(this);
url = elem.attr('data-url');
ajax(url, *null*, parse_my_data);
});
});
function parse_my_data(data){
$("#sometarget").html(data); # replaces the content of #sometarget with
returned data
$("#sometarget").append(data); # append data on the end of sometarget
content
$("#sometarget").prepend(data); # prepend data on the begin of the
sometarget content
// or you can do whatever you want with data as it can be json, txt or
html
}
</script>
<ul class="myactions">
{{for item in collection:}}
<li data-url="{{=URL('echo', vars=dict(id=item.id))}}"> Do something
</li>
{{pass}}
</ul>
--
