Question

我正在使用AJAX对JSONP进行跨域请求，需要帮助找出如何使用api和更新url中的查询字符串的输入字段来执行此操作。我的JS是：

var writeButton = document.getElementById("splitEvent");
var url;
var xhr = new XMLHttpRequest();

function splitInput () {
  var inputString = document.getElementById("inputSearch").value;
  url = "http://www.website.com/?t=" + encodeURIComponent(inputString);
};

xhr.onreadystatechange = function callback () {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var response = JSON.parse(xhr.responseText);
    console.log(response);
      } else {
      alert(xhr.statusText);
  }
};

xhr.open('GET', url, true);

function send (){
  xhr.send();  
}

writeButton.addEventListener("click", splitInput);
writeButton.addEventListener("click",send);

我的HTML只是一个名为“inputSearch”的输入字段和一个名为“splitEvent”的按钮。我希望用户在输入字段中键入他们的搜索条件，单击按钮，并在URL中使用他们的条件发出请求，但是在如何/何时发出JSONP请求时遇到问题。

我是否在其中创建了一个带有我的网址的脚本标记，还有一个回调函数，并将其嵌入到我的HTML中？如果是这样，如果此时已加载HTML，请求如何进行？

此外，API不需要密钥。这只是一个网址。如果您还有其他任何想要指出我的代码的内容，请告诉我们：）

谢谢。

如何使用javascript

0 个答案: