Ajax-вызов Spring MVC на сервере Tomcat из ReactJS на сервере Apache

Question

Ajax-вызов Spring MVC на сервере Tomcat из ReactJS на сервере Apache

0

Я пытаюсь вызвать метод контроллера в приложении весны mvc, которое находится на сервере tomcat, используя ajax на моей странице ReactJS, которая находится на сервере Apache. В консоли tomcat я вижу, что весна получает вызов и обрабатывает его. Однако вызов ajax не вызывает функцию "успех", даже несмотря на то, что приложение Spring успешно обработало вызов. Есть ли какая-либо другая конфигурация в моем аякс-коде ReactJS?

componentDidMount: function() {
        $.ajax({
              type: "GET",
              url: "http://localhost:8080/SpringApp/ajaxCallTest",
              data: {testId:'345'},
              dataType: 'json',
              success: function(response) {
            alert('in success');
              }
            });
      }

arn-arn 04 май 2015, в 21:18

Источник

0

Ничего на консоли Javascript?
jmartins 04 май 2015, в 20:00
0

Попробуйте создать функцию обратного вызова функции error, такую как error: function(xhr, status, err) {console.error('error', status, err.toString()); } и посмотреть, отображается ли sth в консоли js браузера.
jmartins 04 май 2015, в 20:02
1

спасибо jmartins за ваши комментарии. Я сделал то, что вы предложили, и это то, что я получил из консоли javascript: XMLHttpRequest не может загрузить ... Нет заголовка «Access-Control-Allow-Origin» на запрошенном ресурсе. Источник ' localhost ', следовательно, не имеет доступа.
arn-arn 04 май 2015, в 20:23
0

Вы устанавливаете заголовок в ответе на вашем сервере? Что-то вроде response.setContentType("application/json");
jmartins 05 май 2015, в 11:46
0

Не могли бы вы опубликовать свой код на сервере?
jmartins 05 май 2015, в 11:47
0

приложение, которое я вызываю, использует spring mvc и возвращает результат json. вот код: @RequestMapping (value = "/ ajaxCallTest", method = RequestMethod.GET, производит = "application / json") @ResponseBody public List <Long> getTestData (int testId) {return getDataService.getActualData (testId); }
arn-arn 05 май 2015, в 12:19
0

Попробуйте что-то вроде @RequestMapping(value=", method = RequestMethod.GET, produces="application/json", headers="content-type=application/json")
jmartins 05 май 2015, в 12:23
1

спасибо за предложение. Я ценю вашу помощь. Однако это тоже не сработало. Я нашел решение, которое заключается в том, чтобы импортировать некоторые файлы JAR. вот подобная нить и ответ, который я выбрал, был фильтром CORS. stackoverflow.com/questions/27056672/...
arn-arn 05 май 2015, в 14:37

Показать ещё 6 комментариев

Теги:

reactjs

ajax

spring

1 ответ

Ещё вопросы

Попробуйте создать функцию обратного вызова функции error, такую как error: function(xhr, status, err) {console.error('error', status, err.toString()); } и посмотреть, отображается ли sth в консоли js браузера.
спасибо jmartins за ваши комментарии. Я сделал то, что вы предложили, и это то, что я получил из консоли javascript: XMLHttpRequest не может загрузить ... Нет заголовка «Access-Control-Allow-Origin» на запрошенном ресурсе. Источник ' localhost ', следовательно, не имеет доступа.
Вы устанавливаете заголовок в ответе на вашем сервере? Что-то вроде response.setContentType("application/json");
Не могли бы вы опубликовать свой код на сервере?
приложение, которое я вызываю, использует spring mvc и возвращает результат json. вот код: @RequestMapping (value = "/ ajaxCallTest", method = RequestMethod.GET, производит = "application / json") @ResponseBody public List <Long> getTestData (int testId) {return getDataService.getActualData (testId); }
Попробуйте что-то вроде @RequestMapping(value=", method = RequestMethod.GET, produces="application/json", headers="content-type=application/json")
спасибо за предложение. Я ценю вашу помощь. Однако это тоже не сработало. Я нашел решение, которое заключается в том, чтобы импортировать некоторые файлы JAR. вот подобная нить и ответ, который я выбрал, был фильтром CORS. stackoverflow.com/questions/27056672/...

arn-arn · Answer 1 · 2015-05-05T13-40-00.000Z

добавьте это в web.xml:

<filter>
        <!-- The CORS filter with parameters -->
        <filter-name>CORS</filter-name>
        <filter-class>com.thetransactioncompany.cors.CORSFilter</filter-class>

        <!-- Note: All parameters are options, if omitted the CORS 
             Filter will fall back to the respective default values.
          -->
        <init-param>
            <param-name>cors.allowGenericHttpRequests</param-name>
            <param-value>true</param-value>
        </init-param>

        <init-param>
            <param-name>cors.allowOrigin</param-name>
            <param-value>*</param-value>
        </init-param>

        <init-param>
            <param-name>cors.allowSubdomains</param-name>
            <param-value>false</param-value>
        </init-param>

        <init-param>
            <param-name>cors.supportedMethods</param-name>
            <param-value>GET, HEAD, POST, OPTIONS</param-value>
        </init-param>

        <init-param>
            <param-name>cors.supportedHeaders</param-name>
            <param-value>*</param-value>
        </init-param>

        <init-param>
            <param-name>cors.exposedHeaders</param-name>
            <param-value>X-Test-1, X-Test-2</param-value>
        </init-param>

        <init-param>
            <param-name>cors.supportsCredentials</param-name>
            <param-value>true</param-value>
        </init-param>

        <init-param>
            <param-name>cors.maxAge</param-name>
            <param-value>3600</param-value>
        </init-param>

    </filter>