AJAX post 没有 ASP:button 的数据到数据库

Question

我在 js 中检索了一个值，我想用 ajax post 将它插入到数据库中。是否可以在没有 asp:button 将值绑定到后面的代码的情况下做到这一点？

更新这里是 Js：

function readXML() {
  var xml = new XMLHttpRequest();
  xml.open('GET', 'toXml/file.xml', false);
  xml.send();
  var xmlData = xml.responseXML;
  if (!xmlData) {
    xmlData = (new DOMParser()).parseFromString(xml.responseText, 'text/xml');
  }

  var itemsID = xmlData.getElementsByTagName("entry");
  var itemsTitle = xmlData.getElementsByTagName("entry");
  var itemsCustomer = xmlData.getElementsByTagName("d:Customer");
  var itemsBrand = xmlData.getElementsByTagName("d:Brand");
  var itemsCountries = xmlData.getElementsByTagName("d:Countries");
  var itemsElement = xmlData.getElementsByTagName("d:element");

  var i, k, j, ID, Title, Customer, Brand, Countries;

  var list = [];

  for (i = 0; i < itemsTitle.length; i++) {

    var Brands = "";
    var Country = "";

    itemI = itemsID[i];
    itemT = itemsTitle[i];
    itemCr = itemsCustomer[i];
    itemB = itemsBrand[i];
    itemCs = itemsCountries[i];
    itemEl = itemsElement[k];

    ID = itemI.getElementsByTagName("d:Id")[0].firstChild.data;

    Title = itemT.getElementsByTagName("d:Title")[0].firstChild.data;

    Customer = itemCr.getElementsByTagName("d:element")[0].firstChild.data;

    for (k = 0; k < itemB.children.length; k++) {
      Brand = itemB.getElementsByTagName("d:element")[k].firstChild.data;

      if (k > 1) {
        Brands += Brand + ",";
      }
      else {
        Brands = Brand;
      }
    }

    for (j = 0; j < itemCs.children.length; j++) {
      Countries = itemCs.getElementsByTagName("d:element")[j].firstChild.data;

      if (j > 1) {
        Country += Countries + ",";
      }
      else {
        Country = Countries;
      }

    }
    list[i] = [ID, Title, Customer, Brands, Country];
  }

  var table = $('#table_id').DataTable({
    lengthMenu: [[10, 25, 50, 200, -1], [10, 25, 50, 200, "All"]],
    data: list,
    columns: [
      { title: "ID" },
      { title: "Title" },
      { title: "Customer" },
      { title: "Brands" },
      { title: "Country" },
      { title: "Check", "defaultContent": "<button class=\"checkBtn\" type=\"button\">Check</button>" },
      { title: "Create", "defaultContent": "<button class=\"createBtn\" type=\"button\">Create</button>" }
    ],
    columnDefs: [{
      "targets": [0],
      "visible": true,
      "searchable": true
    }]
  });

  $('#table_id').on('click', '.checkBtn', function () {
    var data = table.row($(this).parents('tr')).data();
    alert("ID:" + data[0] + "," + "Title:" + data[1] + "," + "Customer:" + data[2] + "," + "Brand:" + data[3] + "," + "Country:" + data[4]);
    $.ajax({
      type: "POST",
      url: "Selida.aspx/InsertData",
      data: JSON.stringify(data[0]),
      contentType: "application/json; charset=utf-8",
      dataType: "json",
      success: function () {

        alert("all good");
      },
      error: function (errMessage) {
        alert("Error:" + errMessage);
      }
    });
  });
}

我通过 C# 获取数据并将其保存到 xml 文件中。然后使用 js 检索该数据，并使用 Jquery 数据表显示在页面上。

我在 c# 中有一个名为 InsertData 的方法，它应该将数据插入到数据库中。我认为问题出在 ajax 调用中。

Answer 1

答案是肯定的，我可以 post 来自 js 的值与 ajax 与服务器端无关的调用

$.ajax({
      type: "POST",
      url: "Selida.aspx/CheckData",
      data: JSON.stringify({ trala : data[0] }),
      contentType: "application/json; charset=utf-8",
      dataType: "json",
      success: function () {

        alert("It's already in the DB");
      },
      error: function (errMessage) {
        console.log("Error:" + JSON.stringify(errMessage));
      }

    });

并且 c# 方法中的参数必须具有名称 "trala" 才能从 post.

中检索值

AJAX post 没有 ASP:button 的数据到数据库

AJAX post data to DB without ASP:button

javascript

c#

ajax

asp.net-ajax