javascript - 为ajax post创建jquery数组

Question

如何将 drp.getDateRange 的输出转换为数组，以便我可以通过 AJAX 发布它？

我已更新此代码以代表下面给出的建议

<script>
    var drp;
    var myArray = [];
    function makedatepicker() {
        drp = $("#myDate").datepicker({});
    }
    function getRange() {
        var data = $("#myOutput").serialize();
        console.log("This is the serialized element");
        console.dir(data);

        $.ajax({
          url: "myurl.com",
          type: 'post',
          data: data,
          success: function(response) {
               console.log("This is the response from your ajax script");
               console.dir(response);
          }
        });
    }
    $(document).ready(function () {
        makedatepicker();
    });
</script>

Answer 1

更新

关于 JSON 的注释。默认编码为 url 形式编码。如果您希望请求以 JSON 形式发送数据，则需要添加..

content-type: "application/json; charset=utf-8", 

如果您返回 JSON，您应该添加 ...

 datatype : "json",

不确定您在后端使用哪种脚本语言，但如果是 PHP，您可以像这样发回数组数据

echo json_encode($myArray);

我会将 JSON 内容添加到下面的示例代码中。

结束更新

<小时/>

如果您使用.serialize()您可以将其作为 ajax 数据发送，它将显示在您的帖子或获取数组中。

如果您正在使用数组，您可能需要使用 .serializeArray()

您可以使用 console.dir(someObject); 在开发者工具(Chrome 或 FF 中的 F12)中查看对象或数组

var data = $("#myOutput").serialize();
console.log("This is the serialized element");
console.dir(data);

$.ajax({
  url: "myurl.com",
  type: 'post',
  datatype : "json",
  contentType: "application/json; charset=utf-8",
  data : JSON.stringify(data),
  beforeSend : function (){
            console.log("Before Send: Data looks like..");
            console.dir(data);
  },
  success: function(response) {
       console.log("This is the response from your ajax script");
       console.dir(response);
       console.log("parsing JSON ...");
       console.dir($.parseJSON(response));
  }
});

Chrome 开发者工具控制台，您可以在此处看到 console.log 或 console.dir 中的任何内容

您可以通过单击“网络”选项卡来检查正在发送的 JSON。然后单击ajax脚本的名称，它将显示正在发送的数据。 (此外，单击“响应”选项卡将显示脚本发回的内容。)

在下面的示例中，我使用上面的代码发送 ajax 请求，它显示数据确实是一个 JSON 对象。