html id 속성을 함수에 보내는 방법이 있습니까?

Question

내 코드가 아래 있습니다. id = content를 mr 함수에 보내려고합니다. 그리고이 결과를 전달 된 id = result에 씁니다.이 html 파일에 대해서만이 함수를 사용할 수 있도록 다른 HTML 페이지에서도이 함수를 사용할 수 있도록하고이 함수를 다른 util.js 파일에 추가하려고합니다. this.It은 아약스의 게시물과 작업을 얻을처럼

Add Item: 
     <input type="text" name="name" id="content"> 
     <br> 
     <button onclick="javascript:mr('POST',content,result,'post.php');"  
type="button"  

id="btn1"> 
      Submit 
     </button> 
<br> 
     <button onclick="javascript:mr('GET',content,result,'get.php');" type="button"  

id="btn2" > 
      List Jobs 
     </button> 
     <div id="result"></div> 

함수 씨는 다음과 같습니다

function mr(type,content,result,URL) { 

      var hr = new XMLHttpRequest(); 


      //var content = document.getElementById("content").value; 
      var vars = "content=" +content; 

      if (type == 'GET') 
       URL = URL + '?' + vars; 


      hr.onreadystatechange = function() { 
       if (hr.readyState == 4 && hr.status == 200) { 
        var return_data = hr.responseText; 
        document.getElementById("result").innerHTML = return_data; 
       } 

      } 

      hr.open(type, URL, true); 


      hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 

      switch(type) { 
       case 'GET': 
        hr.send(); 
        break; 
       case 'POST': 
        hr.send(vars); 
        break; 
      } 

      document.getElementById("result").innerHTML = "Processing..."; 

     } 
    </script> 

post.php

<?php echo "POST\n"; if(isset($_POST)) print_r($_POST); ?> 

get.php

<?php echo "GET\n"; if(isset($_GET)) print_r($_GET); ?> 

제출을 클릭하면 다음과 같은 결과가 나타납니다.

POST Array ([content] => [object HTMLInputElement]) 

그리고 클릭하면 목록 버튼 출력 :

GET Array ([content] => [object HTMLInputElement]) 

Answer 1

이 때문에이 라인의 : 당신이 그것을 대신 실제 <input> 요소를 보내는

var vars = "content=" +content; 

값 또는 ID를합니다. 위의 주석 처리 된 줄이 올바른 위치에있었습니다.

이

var content = document.getElementById("content"); 
var vars = "content=" + content.id;