2015-08-21 114 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