Question

我尝试制作一种很酷的自动 IMDB ID抓取器，在您输入电视节目名称时自动抓取ID，到目前为止，我所得到的只是检查字段为空如果它不是空的，它会显示一个按下的按钮，它会带你到一个带有你手动复制并粘贴到字段中的ID的页面。

是否有可能使其自动抓取您在字段中输入的任何内容，实时，将其放在链接的末尾，例如：var jsonSerializerSettings = new JsonSerializerSettings(); jsonSerializerSettings.MissingMemberHandling = MissingMemberHandling.Ignore; MyResponse mr = JsonConvert.DeserializeObject<MyResponse>(res, jsonSerializerSettings);它会自动转到后台并复制所有浏览器可查看的文本，然后将其放入另一个字段。

我知道这非常落伍，但我真的希望看到这种情况发生。我不知道从哪里开始。

Answer 1

使用AJAX获取PHP文件的值。如果您真的对AJAX不熟悉，建议您使用$.ajax()，这需要jQuery。

每当用户在第一个<input>中键入内容时，我们只是向服务器发送一个AJAX请求并将响应放在第二个输入中。

我不认为Stack Overflow允许在代码段中使用AJAX，因此请将以下代码段放在HTML文件中并在您的网站上进行测试：

＆＃13;

//Our <input> elements
var toLink = document.getElementById("put-at-end-of-link");
var fromAjax = document.getElementById("copy-from-ajax-request");

//When the value of toLink changes, update fromAjax:
toLink.addEventListener("input", function () {
    //Send an AJAX request to /id.php:
    $.ajax({
        url: "/id.php",
        //This is a GET request:
        type: "GET",
        //We do not want to cause the user lag while we're sending this request, so set async to true:
        async: true,
        data: {name: toLink.value},
        success: function(response) {
            //Once we're done with the response, put it into fromAjax:
            fromAjax.value = response;
        }
    });
});

＆＃13;

/* Make the input takes up the full screen width and give them some vertical space: */
input {
    width: 100%;
    margin: 1em 0;
}

＆＃13;

<!--Remember to include the jQuery!-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!--The input elements:-->
<input type="text" id="put-at-end-of-link" placeholder="This is where the user enters the value to be sent to /id.php."/>
<input type="text" id="copy-from-ajax-request" placeholder="This is where we output the response from /id.php."/>

＆＃13;

自动复制和粘贴 - Ajax / JS

1 个答案: