Question

我需要帮助以下代码：

我需要做的是在输入中写入URL

然后当我按下“检查”时，答案将显示在第二个输入而不是警报。

URL: <input type="text" name="name">
<button type="submit" value="Submit">Check</button>
Answer: <input type="text" name="answer">


$.ajax({
    url:'http://www.example.com/3.zip',
    error: function()
    {
       alert('file does not exists');
    },
    success: function()
    {
        alert('file exists');
    }
});

// Now to check if file exists call function
checkIfRemoteFileExists('http://www.yoursite.com/abc.html');

checkIfRemoteFileExists('http://www.google.de');

Answer 1

您的代码中有一些缺失的部分。但是，总体思路是每次要发出请求时都会获取URL框的文本。发出请求后，更新答案框。这只是获取这些值的一种方法。 JQuery有一种更简单的方法。我会把这项研究留给你。点击Run Code Snippet并尝试一下。

function checkIfRemoteFileExists(){

  var answerBox = document.getElementById('answer'); //get the box

  $.ajax({
    url: document.getElementById('name').value, //get the value from the url box
    error: function()
    {
       answerBox.value = "file does not exists"; //update answer box
    },
    success: function()
    {
       answerBox.value = "file exists"; //update answer box
    }
  });
}

//attach function to button
document.getElementById("button").addEventListener("click", checkIfRemoteFileExists);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
URL: <input type="text" id="name">
<button type="submit" id="button" value="Submit">Check</button>
Answer: <input type="text" id="answer">

如果文件存在JS，如何检查URL

1 个答案: