2015-08-21 80 views
-6

下面是所需的任务提交GET方法:POST方法和后无需刷新页面(AJAX)形式

  1. ,从AJAX后到服务器(例如,“http://192.168.1.107:80”)
  2. 在响应,向服务器请求值的获取请求
  3. 使用返回的值更新输入框。

注:页面不应过程

+0

读关于AJAX(http://stackoverflow.com/tags/ajax/info) – Berriel

+0

是其可能的 - 你可能会需要,因为Ajax请求是异步使用回调/承诺(所以获取不运行,直到发布完成) – Maverick976

+1

可能重复[如何从异步调用返回响应?](http://stackoverflow.com/questions/14220321/how-to-return-the - 来自异步调用的响应) –

回答

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

+0

你好,我的朋友,谢谢你整理我的请求。你发布的代码不会做我想做的事情....我在这里是新的,这是我的第一篇文章,我不知道多少还我想告诉我,我完全是菜鸟到JavaScript ... 。问候 – Panagiotis