發送對象到數據庫和API的javascript

你好，我正在嘗試採取一個窗體的值，把它們變成一個對象，然後顯示在頁面底部的所述對象。我最終想學習從API發送和訪問。但我希望看到我的對象首先出現。發送對象到數據庫和API的javascript

<!doctype html> 
<html> 
<body> 
<form id="submitF" class="formClass" > 


    <input id="inp1" type="text" /></br></br> 

    <input id="inp2" type="text"/></br></br> 

    <input id="inp3" type="text"/> </br></br> 

    <input id="inp4" type="text" /> </br></br> 

    <input id="inp5" type="text"/></br></br> 

     <button id="btn" type="submit" OnClick=button() > Submit </button> 
</form> 

<script> 
var myObject = new Object(); { 
inp1 = document.getElementById('inp1'); 
inp2 = document.getElementById('inp2'); 
inp3 = document.getElementById('inp3'); 
inp4 = document.getElementById('inp4'); 
inp5 = document.getElementById('inp5'); 
} 


var button = function(myObject){ 

for(var i = 0; i < apartment.length; i++){ 
console.log(myObject(i)); 
} 

}; 

</script>

來源

2017-04-12 cwa

你嘗試過什麼來'顯示對象在page'和'訪問API'的底部？ – shaochuancs

您創建的對象是錯誤的語法，你不需要new Object();，和你的;後的對象文本語法的使用意味着表達式被忽略。它改成這樣：
```
var myObject = { 
    inp1 = ... 
}; 
```
document.getElementById(id)返回HTMLElement對象，而不是包含在其中的價值，你將要使用的.value屬性：定義時
```
inp1 = document.getElementById('inp1').value 
```

不要使用分號一個對象的文字，使用逗號：

inp1 = document.getElementById('inp1').value, 
inp2 = document.getElementById('inp2').value, 
inp3 = document.getElementById('inp3').value

避免onclick（或者作爲屬性或onclick=""屬性）。而是使用addEventListener DOM方法：

var button = document.getElementById("btn"); 
button.addEventListener('click', function(e) { 

    alert("you clicked the button.") 
});

您的代碼引用名爲apartment的對象不存在。我假設你的意思是myObject，但是你正在遍歷整數索引，因爲myObject不是array，而是object（數組有索引值，對象有命名屬性）。

來源

2017-04-12 03:07:01 Dai

謝謝你深入解釋這一點。我是新的（如你所知）。我知道它很好地登錄控制檯！現在是否有任何建議可以幫助您發送要存儲在API中的對象？ – cwa

@cwa我不能，因爲你沒有告訴我們任何關於你想使用的API（我認爲是一種網絡服務）。有很多類型：例如SOAP，XML-RPC，WebSockets和REST等 - 以及不同的請求/響應類型（XML，JSON，Form鍵/值對等） - 無需說明身份驗證技術（HTTP基本，自定義，Cookie，HMAC， OAuth等）。 – Dai

好的，我在使用google解析服務器或Godaddy上的Mysql進行辯論。你有沒有意見？ – cwa

變化按鈕類型從提交按鈕，更改腳本如下：

<form id="submitF" class="formClass" > 
    <input id="inp1" type="text" /> 

    <input id="inp2" type="text"/> 

    <input id="inp3" type="text"/> 

    <input id="inp4" type="text" /> 

    <input id="inp5" type="text"/> 

    <button id="btn" type="button" onclick="button()"> Submit </button> 
</form> 

<script> 
    var button = function(){ 
     var myObject = { 
     inp1: document.getElementById('inp1').value, 
     inp2: document.getElementById('inp2').value, 
     inp3: document.getElementById('inp3').value, 
     inp4: document.getElementById('inp4').value, 
     inp5: document.getElementById('inp5').value, 
     } 
     console.log(myObject); 
    } 
</script>

來源

2017-04-12 03:54:33

發送對象到數據庫和API的javascript

回答

相關問題