小编Aki*_*aNC的帖子

我想从返回的字符串Spring MVC Controller来Ajax.它没有按预期工作并给出错误.

我的Ajax代码:

function ajaxRequest(item) {

    $.ajax({
        type: "POST",
        url: "/myPage",
        data: {
           item: item
        },
        success: function (html) {

            alert(html);
        },
        error: function(e) {
            console.log("Error:" + e);
        }
    });

}

我的控制器:

@RequestMapping(value = "/myPage", method= RequestMethod.POST, produces="text/plain")
public @ResponseBody String myController(HttpServletRequest request) {
String myItem = request.getParameter("item");   

...

return myItem + "bla bla bla";
}

Chrome控制台结果:

POST http://localhost:8080/myPage 406 (Not Acceptable) jquery.js
Error:[object XMLHttpRequest] 

我在这里失踪了什么？

请帮我创建没有密钥的jSonArray.它应该看起来像:

"main" : ["one", "two", "three"]

我用空键值尝试了它:

private String generate(String value) {

    Gson gson = new Gson();
    JsonArray jsonArray = new JsonArray();
    JsonObject jsonObject = new JsonObject();

    jsonObject.addProperty("", value);
    jsonArray.add(jsonObject);

    return gson.toJson(jsonArray);
}

结果看起来不错..

"main": "[
  {\"\":\
  "myString value\"}
]"

我正在使用：bootstrap.min、jquery-1.10.2、jquery-ui-1.10.4.min。使用这些库我想提供拖放功能。Bootstrap 按钮应该是可拖动的，但事实并非如此。控制台日志清晰。jQuery 和 jQuery UI 已加载并可以工作。

脚本：

<script type="text/javascript">

    $(document).ready(function() {
        $('.btn.verticalButton').draggable({
            connectToSortable: '.container',
            containment: 'document',
            helper: function(){ return $(html); }
        });
        $("#droppable").droppable({
            drop: function (event, ui) {
                $(ui.draggable).clone().appendTo(this);
                $(ui.draggable).remove();
            }
        });
    });

</script>

网页：

<div class="container">
   <div class="row">
      <div class="col-sm-6 col-md-6">
         <div class="panel panel-info text-center">
            <div class="panel-heading  text-center">Buttons</div>
            <div class="btn-group-vertical">
               <button class="btn verticalButton">B1</button>
               <button class="btn verticalButton">B2</button>
               <button class="btn verticalButton">B3</button>
            </div>
         </div>
      </div>
   </div>
</div>