Подключите jQuery к REST-сервису - PullRequest
Новая
       6

Подключите jQuery к REST-сервису

0 голосов
/ 26 мая 2019

Я пытаюсь использовать пример jQuery, который использует jtable для подключения к внутренней службе. (https://www.simplecodestuffs.com/pagination-in-java-web-applications-using-jquery-jtable-plugin/). Я адаптировал его для доступа к REST-сервису, который производит и использует данные какJSON: 

<!DOCTYPE html>
<html>
<head>
<link href="css/metro/blue/jtable.css" rel="stylesheet" type="text/css" />
<link href="css/jquery-ui-1.10.3.custom.css" rel="stylesheet"
    type="text/css" />
<script src="js/jquery-1.8.2.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.10.3.custom.js" type="text/javascript"></script>
<script src="js/jquery.jtable.js" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function() {
        $('#StudentTableContainer').jtable({
            title : 'Students List',
            paging: true, //Enable paging
            pageSize: 3, //Set page size (default: 10)           
            actions: {
                listAction: 'http://localhost:8080/Controller/list',
                createAction:'http://localhost:8080/Controller/create',
                updateAction: 'http://localhost:8080/Controller/update',
                deleteAction: 'http://localhost:8080/Controller/delete'
            },
            fields : {
                id : {
                    title : 'id',
                    sort :true,
                    width : '30%',
                    key : true,
                    list : true,
                    edit : false,
                    create : true
                },
                name : {
                    title : 'Name',
                    width : '30%',
                    edit : true
                },
                department : {
                    title : 'Department',
                    width : '30%',
                    edit : true
                },
                emailId : {
                    title : 'Email',
                    width : '20%',
                    edit : true
                }
            }
        });
        $('#StudentTableContainer').jtable('load');
    });
</script>

</head>
<body>
    <div
        style="width: 80%; margin-right: 10%; margin-left: 10%; text-align: center;">
        <h4>Pagination in Java Web Applications jTable</h4>
        <div id="StudentTableContainer"></div>
    </div>
</body>
</html>

К сожалению, код jQuery не может подключиться к службе REST: «Произошла ошибка при обмене данными с сервером.» Однако службы REST работают правильно, если я пытаюсь запросить их черезcurl. Кто-нибудь может дать мне подсказку, что не так с приведенным выше кодом?

РЕДАКТИРОВАТЬ: я получил от отладчика Firefox след, что происходит. Кажется, есть ошибка при запросе «список?jtStartIndex = 0 & jtPageSize = 3 'с POST. Как я могу настроить его для использования вместо GET http://localhost:8080/Controller/list? enter image description here Спасибо

...