javascript - 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

假设您正在使用 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));  
            }  
        }); 
    });
}