Ajax jquery making web api call

Ajax jquery making web api call

本文关键字：api call web making jquery Ajax      更新时间：2023-09-26

我用java编写了一个api，它允许用户获取数据。有一个电话:..../api/users返回所有可用用户的列表

现在我有一个网站的搜索用户按钮，当你按下这个按钮，我想让一个调用/api/用户与Ajax的帮助。

我得到的部分，你可以点击搜索按钮，但我不明白如何使调用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 ?

假设您正在使用JQuery进行Ajax调用，那么这个示例代码应该对您有所帮助。它的作用是;

  1. 点击搜索按钮
  2. 做AJAX调用从你的Java REST API获取东西
  3. 当预期的JSON对象返回时，解析它并做一些事情
O 

$(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));  
            }  
        }); 
    });
}

如果这个http://localhost/projectUser/api/resource/users是url，它要么是

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

或

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

取决于浏览器的当前URL(相对或绝对取决于浏览器的上下文)。

，但它是永远不会 ”api / resource / users "，单词和斜杠之间有空格。

相关文章：