Ajax jquery进行web api调用

时间:2015-10-25 11:04:23

标签: javascript jquery ajax

我在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

2 个答案:

答案 0 :(得分:0)

如果此http://localhost/projectUser/api/resource/users是网址,则为

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

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

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

永远不会 ”api / resource / users "在单词和斜杠之间留有空格。

答案 1 :(得分:0)

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

  1. 点击了搜索按钮
  2. 执行AJAX调用以从Java REST API中获取内容
  3. 当返回预期的JSON对象时,解析它并执行某些操作
  4. 0

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