Ajax jQuery進行Web API調用

Question

我在java中制作了一個api，它允許用戶獲取數據。 有一個電話：.... / api / users，在這里我列出所有可用的用戶。

現在我有一個帶有搜索用戶按鈕的網站，請問您按下該按鈕我想在Ajax的幫助下撥打/ api / users。

我得到了可以單擊搜索按鈕的部分，但我不知道如何使用ajax進行該調用

這是我的代碼：

 $.ajax({ url: ”api / resource / users ", dataType: "json”, } ).fail( funcNon(jqXHR, textStatus) { alert("APIRequestfailed: " + textStatus); } ).done( funcNon(data) { alert("succes!") } ); 

這是用ajax打個好電話的方法嗎？ 還是我必須使用：

http：// localhost / projectUser / api / resource / users ？

Answer 1

如果此http://localhost/projectUser/api/resource/users是網址，則為

  $.ajax({
    url: ”api/resource/users",   ...

要么

  $.ajax({
    url: ”http://localhost/projectUser/api/resource/users",  ...

取決於瀏覽器的當前URL是什么（相對或絕對取決於瀏覽器的上下文）。

但從來沒有 ”api / resource / users "之間帶有空格和斜線。

Answer 2

假設您正在使用JQuery進行Ajax調用，那么此示例代碼將對您有所幫助。 它的作用是：

1. 在搜索按鈕上單擊
2. 進行AJAX調用以從Java REST API中獲取內容
3. 返回預期的JSON對象后，對其進行解析並執行一些操作

Ø

$(document).ready(function() {
    $('#demoSearchBtn').click(function () {
        // Search button was clicked!
        $.ajax({  
            type: "GET",    
            url: "http://localhost/projectUser/api/resource/users",  // edit this URL to point into the URL of your API  
            contentType: 'application/json; charset=utf-8', 
            dataType: "json",
            success: function (data) {
                var jsonObj = $.parseJSON(data);
                // Do something with your JSON return object
            },
            error: function (xhr) {  
                alert('oops something went wrong! Error:' + JSON.stringify(xhr));  
            }  
        }); 
    });
}