Question

我已经在Django模型中创建了一个文本字段。我想在单击单词时突出显示单词。我发现mutable default arguments

我如何调整它当一个字选择从其他网站API接收JSON发送GET请求Django的？预先感谢！

$(function() {
  editTxt('#myTxt');
  editTxt('#myTxtDiv');

  $('span').live('mouseover', function() {
    $(this).addClass('hlight');
  });

  $('span').live('mouseout', function() {
    $(this).removeClass('hlight');
  });
});

function editTxt(selector) {
  $(function() {
    var newHtml = '';
    var words = $(selector).html().split(' ');

    for (i = 0; i < words.length; i++) {
      newHtml += '<span>' + words[i] + '</span> ';
    }
    $(selector).html(newHtml);
  });
}

Answer 1

您可以使用$.ajax做这样的事情：

...
$("span").on("mouseover", function() {
  xhr = $(this).addClass("hlight");
  $.ajax({
    method: "post",
    url: "YOUR_DJANGO_API_URL",
    data: { text: $(this).text() },
    success: function(data) {
      // replace HTML element or whatever.
      console.log(data);
    }
  });
});
$("span").on("mouseout", function() {
  xhr.abort();
  $(this).removeClass("hlight");
});
...

注意，您必须将数据对象的text属性替换为您的API后端参数可以接受的属性，并且如注释中所述，您不需要.live()

请确保将YOUR_DJANGO_API_URL替换为您的后端API URL

突出显示单词并发送GET请求

1 个答案: