document ready function
jquery
js
$( document ).ready(function() { console.log( "ready!" ); });
$( document ).ready(function() { console.log( "ready!" ); });
4
ajax GET single pages s
jquery
js
$.ajax({ url:"https://url.here.com", method:"GET", data:{id:id}, success:function(data){ $('#r'+id).html(data); } [...]
$.ajax({ url:"https://url.here.com", method:"GET", data:{id:id}, success:function(data){ $('#r'+id).html(data); } });
6
jquery on click event
jquery
js
.click( function(){});
.click( function(){});
3
ajax POST full form
jquery
js
event.preventDefault(); // stop default form action $.ajax({ url:"inc.php", method:"POST", data:$('#insert_form').serialize(), beforeSend:function(){ $('#insert').val("Inserting"); }, success:function(data){ $('#ins[...]
event.preventDefault(); // stop default form action $.ajax({ url:"inc.php", method:"POST", data:$('#insert_form').serialize(), beforeSend:function(){ $('#insert').val("Inserting"); }, success:function(data){ $('#insert_form')[0].reset(); $('#plant_list_html').html(data); } });
5
DataTables Intit function()
jquery
$('#sale_table').DataTable({ "order": [[ 0, 'desc' ]], "pageLength": 20} );
$('#sale_table').DataTable({ "order": [[ 0, 'desc' ]], "pageLength": 20} );