Javascript 不刷新页面的表单的POST方法和提交后GET方法（ajax）_Javascript

Javascript 不刷新页面的表单的POST方法和提交后GET方法（ajax）

javascript

Javascript 不刷新页面的表单的POST方法和提交后GET方法（ajax）,javascript,Javascript,以下是所需的任务：在服务器上发布一篇Ajax文章。响应时，向服务器发出get请求，请求值使用返回的值更新输入框。注意：在以下过程中，页面不应刷新代码笔可以帮助您开始：您的查询也应该用这个来解决 <html> <input id='inp1' type='text'/> </html> <script> var xhrObject = new XMLHttpRequest(); xhrObject.onreadystatec

以下是所需的任务：

在服务器上发布一篇Ajax文章。响应时，向服务器发出get请求，请求值使用返回的值更新输入框。

注意：在以下过程中，页面不应刷新代码笔可以帮助您开始：您的查询也应该用这个来解决

 <html>
 <input id='inp1' type='text'/>
 </html>

 <script>
 var xhrObject = new XMLHttpRequest();

 xhrObject.onreadystatechange = function() {
  if (xhrObject.readyState === 4) {
   if (xhrObject.status === 200 || xhrObject.status === 304) { 
     console.log(xhrObject.responseText);
     var inp = document.getElementById('inp1');
     inp.value = xhrObject.responseText;
    }
  }
};

xhrObject.open(
  "GET", 
  "http://codepen.io/chriscoyier/pen/difoC.html", 
  true
);
xhrObject.send();
</script>

CodePen:

阅读关于AJAX的文章是的，这是可能的-您可能需要使用回调/承诺，因为AJAX请求是异步的，所以get在文章完成之前不会运行。可能是Hello的副本，非常感谢您的回答！！！。因为我是js和ajax的新手，有没有可能为我提供一些代码？你好，我的朋友，谢谢你整理我的请求。你发布的代码没有做我想做的。。。。我是新来的，这是我的第一篇文章，我还不太了解，我想告诉大家，我对javascript完全是新手