ajax ops

Operasi AJAX Deklaratif

Cara tercepat termudah Anda untuk memiliki aplikasi web satu halaman tanpa satu baris satu baris kode JavaScript.

Demo langsung

Demo langsung

Menjalankan demo

Demo ini hanyalah file statis, Anda mungkin ingin menempatkan direktori ini di root dokumen server Anda atau cukup ketik perintah berikut yang akan memulai server http sederhana pada port 8000, lalu arahkan browser Anda di http: // localhost: 8000/index.html

python -m SimpleHTTPServer

Konvensi

• el - Elemen Dom
• $target - objek jQuery dari elemen DOM target
• where salah satu dari: closest , inside atau doc yang berarti seluruh dokumen
• how bisa menjadi salah satu: prepend , append atau replace

Penggunaan deklaratif

 < a data-toggle =" ajax-load " href =" /posts/today.json " data-target =" .posts " > my link </ a >
< button type =" button " data-toggle =" ajax-ops " > my button </ a >
< div class =" me " data-refresh-url =" /user/me.json " data-template =" user_info " > </ div >
< div class =" posts " data-template =" posts_titles " > </ div >
< div class =" posts " data-template =" full_posts " > </ div >

Anda bisa mendefinisikan

• data-toggle
  • ajax-load - Teks pengambilan, konten HTML atau data murni dan menerapkannya ke target
  • ajax-ops -Mengambil OP-CODES JSON
  • ajax-modal * membutuhkan ekstensi
• data-target - Pemilih untuk menerapkan konten yang diambil padanya
• data-url (yang terkadang dapat diganti dengan href atau data-refresh-url )
• data-template - Templat yang akan digunakan untuk membuat data murni
• data-format - bisa berupa text , html atau json
• data-how - Bisa salah satu dari: prepend , append atau replace

Templat adalah fungsi yang mengambil objek JSON dan mengembalikan html Anda dapat menggunakan mesin templat apa pun tetapi kami sarankan setang

Referensi

• ajax_ops.flashmsg({html:, text:, type:info|danger, selector:, base_target:$obj, where:closest|inside|''})
  • Info tampilan atau kotak peringatan menggunakan template yang disebut 'flashmsg' teks yang diberikan atau html dan ketik
  • ajax_ops.flashmsg({text:'not found', type:'danger');
  • ajax_ops.flashmsg.call(this, {text:'not found', type:'danger', selector:'.modal', where:'closest'});
  • terpengaruh oleh self.flashmsg_opts.selector yang merupakan .content:first
• onsubmit="return ajax_ops.submit_form(this, params);"
  • params adalah opsional
  • params.target=$obj
  • params.cb=function($target, data){}
• ajax_ops.loads({html: CONTENT, text: CONTENT, data: JSON, template: NAME, el: ELEMENT, how: prepend|append|replace})
  • helper untuk memuat html, teks, atau data templated ke dalam elemen dengan opsi untuk menambahkannya atau diatur
• ajax_ops.load({el:element, url:, how: prepend|append|replace, selector:, where:closest|inside|, })
• ajax_ops.refresh(element|selector, params)
  • params adalah opsional
  • params.where
  • params.base_element
  • menggunakan ajax_ops.load dan menerima paramnya seperti how
  • Contoh ajax_ops.refresh('.me')
• ajax_ops.exec_ops([ [op1, selector1, params1], [op2, selector2, params2],.. ])
  • Operasi bisa
    • remove
    • refresh
    • load
    • attr {set:{k:v}, unset:[k1,k2]}
    • class {add:[], remove:[], toggle[]}
    • seseorang dapat memperluas dengan lebih banyak operasi dengan menambahkan ajax_ops.ops['my_opcode']=function(el, params){}

Catatan:

 // register templates
ajax_ops . templates = Handlebars . templates ;
// nice hack
Handlebars . partials = Handlebars . templates ;
// You might want to disable usual links behavior 
$ ( 'a[data-toggle]' ) . click ( function ( e ) { e . preventDefault ( ) } ) ; 

Hak Cipta dan Lisensi

Hak Cipta 2014 Muayyad Alsadi

Berlisensi di bawah lisensi Apache, versi 2.0 ("lisensi"); Anda tidak boleh menggunakan pekerjaan ini kecuali sesuai dengan lisensi. Anda dapat memperoleh salinan lisensi dalam file lisensi, atau di:

http://www.apache.org/licenses/license-2.0

Kecuali diharuskan oleh hukum yang berlaku atau disepakati secara tertulis, perangkat lunak yang didistribusikan di bawah lisensi didistribusikan berdasarkan "sebagaimana adanya", tanpa jaminan atau ketentuan dalam bentuk apa pun, baik tersurat maupun tersirat. Lihat lisensi untuk bahasa spesifik yang mengatur izin dan batasan di bawah lisensi.