POST方法和提交后的GET方法没有刷新页面的表单(ajax)

时间:2015-08-21 20:40:48

标签: javascript

以下是必需的任务:

  1. 向服务器发送Ajax帖子(例如" http://192.168.1.107:80")
  2. 响应时,向服务器发出请求值
  3. 的get请求
  4. 使用返回值更新输入框。
  5. 注意:在此过程中页面不应刷新

1 个答案:

答案 0 :(得分:0)

CodePen下方可以帮助您入门: 您的查询也应该通过此解决。

 <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:http://codepen.io/anon/pen/LVKMOX