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的方法，该方法应该将数据插入DB中。我认为问题出在ajax调用中。

Answer 1

答案是肯定的，我可以使用与服务器端无关的ajax调用从js发布值

$.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”，以便从帖子中检索值。

AJAX将数据发布到没有ASP的数据库：按钮

1 个答案: