Jawaban:
Anda tidak benar-benar membutuhkan klien tertentu, ini cukup sederhana dengan sebagian besar perpustakaan. Misalnya di jQuery Anda bisa memanggil $.ajaxfungsi generik dengan jenis permintaan yang ingin Anda buat:
$.ajax({
url: 'http://example.com/',
type: 'PUT',
data: 'ID=1&Name=John&Age=10', // or $('#myform').serializeArray()
success: function() { alert('PUT completed'); }
});
Anda bisa mengganti PUTdengan GET/ POST/ DELETEatau apapun.
PUTdan DELETEmetode Anda jika Anda menginginkan jalan pintas.
successcallback mengambil dataargumen, yang akan berisi respons.
Meskipun Anda mungkin ingin menggunakan pustaka, seperti jQuery yang sangat baik , Anda tidak perlu: semua browser modern mendukung HTTP dengan sangat baik dalam implementasi JavaScript mereka melalui API XMLHttpRequest , yang, terlepas dari namanya, tidak terbatas pada representasi XML .
Berikut adalah contoh pembuatan permintaan HTTP PUT sinkron di JavaScript:
var url = "http://host/path/to/resource";
var representationOfDesiredState = "The cheese is old and moldy, where is the bathroom?";
var client = new XMLHttpRequest();
client.open("PUT", url, false);
client.setRequestHeader("Content-Type", "text/plain");
client.send(representationOfDesiredState);
if (client.status == 200)
alert("The request succeeded!\n\nThe response representation was:\n\n" + client.responseText)
else
alert("The request did not succeed!\n\nThe response status was: " + client.status + " " + client.statusText + ".");
Contoh ini sinkron karena membuatnya sedikit lebih mudah, tetapi cukup mudah untuk membuat permintaan asinkron menggunakan API ini juga.
Ada ribuan halaman dan artikel di web tentang belajar XmlHttpRequest - mereka biasanya menggunakan istilah AJAX - sayangnya saya tidak dapat merekomendasikan yang spesifik. Anda mungkin menemukan referensi ini berguna.
Anda bisa menggunakan plugin jQuery yang baru saya buat :) https://github.com/jpillora/jquery.rest/
Mendukung operasi CRUD dasar, resource bersarang, autentikasi dasar
var client = new $.RestClient('/api/rest/');
client.add('foo');
client.foo.add('baz');
client.add('bar');
client.foo.create({a:21,b:42});
// POST /api/rest/foo/ (with data a=21 and b=42)
client.foo.read();
// GET /api/rest/foo/
client.foo.read("42");
// GET /api/rest/foo/42/
client.foo.update("42");
// PUT /api/rest/foo/42/
client.foo.delete("42");
// DELETE /api/rest/foo/42/
//RESULTS USE '$.Deferred'
client.foo.read().success(function(foos) {
alert('Hooray ! I have ' + foos.length + 'foos !' );
});
Jika Anda menemukan bug atau menginginkan fitur baru, silakan posting di halaman 'Masalah' repositori
jQuery memiliki plugin JSON-REST dengan gaya template parameter URI REST. Menurut penjelasannya, contoh penggunaan adalah sebagai berikut: $.Read("/{b}/{a}", { a:'foo', b:'bar', c:3 })menjadi GET to "/ bar / foo? C = 3".
Sebagai referensi saya ingin menambahkan tentang ExtJS, seperti yang dijelaskan di Manual: RESTful Web Services . Singkatnya, gunakan metode untuk menentukan GET, POST, PUT, DELETE. Contoh:
Ext.Ajax.request({
url: '/articles/restful-web-services',
method: 'PUT',
params: {
author: 'Patrick Donelan',
subject: 'RESTful Web Services are easy with Ext!'
}
});
Jika header Terima diperlukan, ini dapat disetel sebagai default untuk semua permintaan:
Ext.Ajax.defaultHeaders = {
'Accept': 'application/json'
};
Anda juga dapat menggunakan framework mvc seperti Backbone.js yang akan menyediakan model javascript dari data tersebut. Perubahan model akan diterjemahkan ke dalam panggilan REST.
Anda dapat mencoba restful.js , klien RESTful framework-agnostic, menggunakan sintaks yang mirip dengan Restangular yang populer.
Dojo melakukannya, misalnya melalui JsonRestStore, lihat http://www.sitepen.com/blog/2008/06/13/restful-json-dojo-data/ .
Anda dapat menggunakan http://adodson.com/hello.js/ yang memiliki