一旦在输入字段中输入了url，就使用jQuery进行ajax调用

Question

我有一个用PHP编写的脚本，用于从网址中删除数据。

是否可以使用jQuery进行ajax调用，一旦将url输入到输入字段中（脚本中有URL验证），它就会“加载”直到找到成功的url并且其余的然后，脚本可以运行，从而在完成后返回结果。

下面是我要描述的一个例子：

我究竟应该怎样了解如何做到这一点？

Answer 1

我不太清楚你想要达到的目的是什么？ 您可以在输入框中为“KeyUp”事件添加事件处理程序，然后在每个KeyUp事件上通过AJAX查询PHP脚本，并在脚本返回有用的内容之前显示一些“加载”消息。

Answer 2

首先查看a）如何使用REGEX网址。有URL Regexes。谷歌他们！同时，看看如何在JS中完成REGEXing。

b）查看如何以jQuery方式订阅input type="text"个事件。 （例如：$.("#textbox1").bind('change', function(ev) {doTheFiltering();});。我现在无法查找，我的连接速度很慢）

然后，c）来自jQuery的jQuery.Get（）命令。它向您展示了如何获得html，json，无论如何。

Answer 3

<强>使用Javascript：

$(document).ready(function(){
    $('#search').keyUp(function(){
        var v = $(this).val(); // Value currently in search box

        if(v.length) $('#loader').show();
        else $('#loader').hide();

        var r = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/ // Regex Pattern
        if(r.test(v)) { // Yes, a valid url
            // Do your $.ajax({}); request here
        }
    });
});

<强> HTML

<input type="text" name="search" id="search" />
<p id="loader">Loading...</p>