Jquery ajax 和每个变量？

Question

在javascript中这很容易，wordpress需要jquery ajax，我对jquery不是最熟悉的。下面的例子可以用ajax jquery吗？

如何发送多个变量，使“var note++”增加一个数字，发送为：

note1 = "我的笔记 1",
note2 = "我的笔记 2",
note3 = "我的笔记 3",
note4 = "我的笔记 4",

还有更多.....

var i = "";
var note = "";
var divsname = document.getElementsByClassName("notes");
for (i = 1, i++) {
  divsname.forEach(function(div) {
    note += note i++ = div.innerHTML;
  });
  jQuery(document).ready(function($) {
    var data = {
      'action': 'my_actione',
      'user_id': '1',
      note
    };
    // since 2.8 ajaxurl is always defined in the admin header and points to admin-ajax.php
    jQuery.post(ajaxurl, data, function(response) {
      alert('Got this from the server: ' + response);
    });
  });
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="notes">My note 1</div>
<div class="notes">My note 2</div>
<div class="notes">My note 3</div>
<div class="notes">My note 4</div>

Answer 1

您可以使用 JSON 数组 发送您的 div 数据，索引号和值是您 div 中的文本，然后将其传递给您的 ajax。

演示代码：

var divsname = $(".notes");
notes = []
divsname.each(function(i) {
  //push in json array
  notes.push({
    [`note${i + 1}`]: $(this).text()
  })
});
var data = {
  'action': 'my_actione',
  'user_id': '1',
  'note': notes //pass same
};

console.log(data)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="notes">My note 1</div>
<div class="notes">My note 2</div>
<div class="notes">My note 3</div>
<div class="notes">My note 4</div>