为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()

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

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 对象。