Php 在输入字段中输入url后使用jQuery进行ajax调用

Php 在输入字段中输入url后使用jQuery进行ajax调用,php,jquery,ajax,json,Php,Jquery,Ajax,Json,我有一个用PHP编写的脚本,可以从url中提取数据 jQuery是否可以执行ajax调用,一旦将url输入到输入字段中(脚本中有url验证),它就会“加载”,直到识别出成功的url,然后脚本的其余部分可以运行,从而在完成后返回结果 下面是我试图描述的一个例子: 我到底应该看什么来理解如何做到这一点 我不太确定你想要实现什么? 您可以在输入框中为“KeyUp”事件添加一个事件处理程序,然后在每个KeyUp事件上通过AJAX查询PHP脚本,并显示某种og“Loading”消息,直到脚本返回有用的内

我有一个用PHP编写的脚本,可以从url中提取数据

jQuery是否可以执行ajax调用,一旦将url输入到输入字段中(脚本中有url验证),它就会“加载”,直到识别出成功的url,然后脚本的其余部分可以运行,从而在完成后返回结果

下面是我试图描述的一个例子:


我到底应该看什么来理解如何做到这一点

我不太确定你想要实现什么? 您可以在输入框中为“KeyUp”事件添加一个事件处理程序,然后在每个KeyUp事件上通过AJAX查询PHP脚本,并显示某种og“Loading”消息,直到脚本返回有用的内容。

首先查找a)如何REGEX URL。有URL正则表达式。谷歌他们!同时,看看REGEXing是如何在JS中完成的

b) 用jQuery方式查看订阅
input type=“text”
事件的方式。(例如:
$。(“#textbox1”).bind('change',function(ev){doTheFiltering();})
。我现在无法查找它,我的连接速度非常慢)


然后,c)来自jQuery的jQuery.Get()命令。它向您展示了如何获取html、json或其他内容。

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>

正在加载


你搞定了。非常感谢,我将使用上面的Emmanuel示例来处理这个问题。jquerynoob,但每天都在学习。感谢您准确地告诉我应该寻找什么(KeyUp事件的事件处理)+1表示“og‘加载’”消息。哈。@bob_cobb太好了,我很高兴它能帮助你。记住勾选你认为最有用的答案。我现在正在玩代码,出于某种原因,在测试时,我输入了一个有效的url,并将其放入if(r.test(s))conditional
$(“#load”).html(“文本可以包含html代码”),它没有加载文本。是否必须在$.ajax({})中;要求我想知道这是怎么回事。谢谢。@bob_cobb噢!我的错。它应该是
if(r.test(v))