如何通过Datatable使用Ajax请求发送发布数据

时间:2018-10-26 07:59:42

标签: javascript ajax datatable

我一直在尝试通过数据表将一些带有ajax请求的帖子数据发送到服务器,以下是我的代码

<script type="text/javascript">
    //this is the datatable it brings data in json format from server
    $(document).ready(function() {
        var selected = $("#mainschool_id option:selected").val();
        //alert(selected);
        $('#example').dataTable({
            "bProcessing": true,
            "ajax": {
                "url": "/nvs/system/modules/NVS.NLI/elements/trainingalldatatable.jsp",
                "data": {
                    data: selected
                }

            },
            "sAjaxSource": "/nvs/system/modules/NVS.NLI/elements/trainingalldatatable.jsp",
            "search": {
                "smart": false
            },
            "scrollX": true,
            "aoColumns": [{
                    type: "text"
                },
                {
                    type: "number"
                },
                {
                    type: "text"
                },
                {
                    type: "text"
                },
                {
                    type: "text"
                },
                {
                    type: "text"
                },
                {
                    type: "text"
                },
                {
                    type: "text"
                },
                {
                    type: "text"
                },
                {
                    type: "text"
                },
                {
                    type: "text"
                },
                {
                    type: "text"
                },
                {
                    type: "text"
                }]
        });
    });
</script>

但是每次我使用它时都会抛出ajax错误。对于将数据表与jsp和java一起使用没有具体说明。任何帮助将不胜感激。谢谢

1 个答案:

答案 0 :(得分:-1)

由于您使用的是Sajaxsource中的两个网址,而ajax则位于其中,因此在这种情况下,您不必使用ajaxsource

<script type="text/javascript">

//this is the datatable it brings data in json format from server
$( document ).ready(function() {
var selected=$("#mainschool_id option:selected").val();
//alert(selected);
$('#example').dataTable({
       "bProcessing": true,
             "ajax": {
            "url": "/nvs/system/modules/NVS.NLI/elements/trainingalldatatable.jsp",
            "data":{data:selected}

            },

               "search": {
                 "smart": false
               },
               "scrollX": true,
       "aoColumns": [
           { type: "text"},
           { type: "number"},
           { type: "text" },
           { type: "text" },
           { type: "text" },
                       { type: "text" },
                       { type: "text" },
                       {type:"text"},
                       { type: "text" },
                       { type: "text" },
                       { type: "text" },
                       {type:"text"},
                        {type:"text"}



              ]
      });
});
</script>

希望对您有所帮助。