jquery - 将 URL 拖放到浏览器中并使用 jQuery 进行处理

Question

我需要能够将 URL(从浏览器的地址栏)拖放到网页中，使用该链接向 Web 服务发出请求，并获取 JSON 回复并填充表单。

我已经能够创建处理链接的 Web 服务，并且我已经能够使用 jQuery.ajax 发出请求，但我不确定如何与删除的链接进行交互。

谁能给我举个例子吗？我应该使用什么？

编辑:

我已经能够使用“drop”触发我的ajax查询，但我不确定如何获取我已删除的URL的值。这是我的代码:

jQuery(function() {
$("input").bind("drop", function(e){
        var val = e.dataTransfer.getData('Text')
        $.ajax({
        type: 'GET',
        url: 'http://dev.null:8888/gud/',
        data: 'url=' + val,
        dataType: 'json',
        success: function(jsonData) {
          alert(jsonData);
        },
        error: function (xhr, ajaxOptions, thrownError){
          alert("this isnt working");
        },                              
      });
    });
  });

我以为 e.dataTransfer.getData('Text') 可以让我访问 URL 的值，但事实并非如此。有谁知道我如何访问该值？

找到了。它是e.originalEvent.dataTransfer.getData('Text')

Answer 1

有趣的问题。我相信这是可能的；不过我确实认为可能存在一些限制。

据我所知，大多数平台/浏览器在拖放文本内容(无论是原始文本、网址、“炸鱼和薯条”等)方面都以类似的方式运行，只要您“将一些文本放入文本框中，文本框将填充该内容。因此，您可以指示您的用户将链接/文本拖放到特定的文本区域...

关于检测何时发生丢弃，我认为您必须依赖 setInterval 方法检查某个文本框的值/内容，以了解何时插入了有效的 URL。

<小时/>

* 现在关于限制 - 我不知道(从我的头脑中)这个功能是否确实是通用的，但我确实相信这是所有“主要”功能的标准功能浏览器，不涉及平台。

*_{很想从更有学识的人那里得到一些确认。}