Javascript не показывает уведомление от GET Springboot Rest API

Question

Я совершенно новичок в JavaScript. Я просто хочу показать уведомление, используя notify.js при нажатии кнопки.

Ниже мой RestController код:

@RequestMapping(value = "/checkCurrentBranch" , method=RequestMethod.GET)
    public String checkCurrectGitBranch(Model model, HttpServletResponse response) {

        String branchName = "";
        GitInfo gitInfo = new GitInfo();
        JsonFactory factory = new JsonFactory();
        String json = apiService.readGitProperties();
        ObjectMapper mapper = new ObjectMapper(factory);
        JsonNode rootNode;
        try {
            rootNode = mapper.readTree(json);

            Iterator<Map.Entry<String, JsonNode>> fieldsIterator = rootNode.fields();
            while (fieldsIterator.hasNext()) {
                Map.Entry<String, JsonNode> field = fieldsIterator.next();
                if (field.getKey().toString().equalsIgnoreCase("git.branch")) {
                    branchName = field.getValue().toString();
                    adminAppLogger.info("Current Branch name :: "+branchName);
                }
            }
        } catch (IOException e) {
            adminAppLogger.error("Error while getting current Git branch :" + e);
            branchName = "Error while fetching branch name";
        }
        model.addAttribute("res", branchName);
        return branchName;
    }

Ниже приводится мой js код:

$('#gitBranch').click(function(res) {

    /* <![CDATA[ */
    var path = /* [[@{/}]] */'checkCurrentBranch';
    /* ]]> */
        $.notify(res, "info");
        console.log(res);

});

Я думаю, что мне не хватает некоторых очков, но я застрял. Есть предложения?

Я пытался использовать axios, вот мой js:

$('#gitBranch').click(function(res) {

        /* <![CDATA[ */
        var path = /* [[@{/}]] */'checkCurrentBranch';
        /* ]]> */

        axios({
              method:'get',
              url:path,
              responseType:'json'
            })
              .then(function (response) {
                console.log(response)
                $.notify(data,"info")

              });
    });

После ответа я попадаю на консоль brwoser. Теперь я просто хочу, чтобы это поле данных отображалось как уведомление:

{data: "qc_mediaworker_details", status: 200, statusText: "", headers: {…}, config: {…}, …}
config
:
{adapter: ƒ, transformRequest: {…}, transformResponse: {…}, timeout: 0, xsrfCookieName: "XSRF-TOKEN", …}
data
:
"qc_mediaworker_details"
headers
:
{pragma: "no-cache", date: "Sun, 04 Nov 2018 05:59:32 GMT", x-content-type-options: "nosniff", x-frame-options: "DENY", content-type: "application/json;charset=UTF-8", …}
request
:
XMLHttpRequest {onreadystatechange: ƒ, readyState: 4, timeout: 0, withCredentials: false, upload: XMLHttpRequestUpload, …}
status
:
200
statusText
:
""
__proto__
:
Object

Answer 1

Вам необходимо правильно использовать ключ данных в блоке ответов axios.

axios({
          method:'get',
          url:path,
          responseType:'json'
        })
          .then(function (response) {
            console.log(response)
            $.notify(response.data,"info")

          });

В приведенном выше коде я заменил данные на response.data потому что в соответствии с вашим кодом, данные не объявляются, что означает их неопределенность. Таким образом, если вы имеете в виду данные для этих данных, которые вы получаете в ответе axios, вам необходимо получить доступ к данным по $.notify(response.data,"info") вместо $.notify(data,"info")

Answer 2

У вас нет нигде http запроса. Я рекомендую вам использовать axios (потому что это просто) Пример кода:

axios.get('host:port/checkCurrentBranch')
.then(response => {
    // do what you want to do
})
.catch(error => {
    // do something if an error occurs
})