2016-04-06 3 views
3

私のプログラムでは、idを渡すことで操作を実行する必要があります。idはドロップダウンボックスから選択されます).so。私はajax.butを使ってIDを渡す。私は春のコントローラから応答を返すコードを知らない。私はここAJAX側のコード春のフレームワークでコントローラからjspページへの応答を取得する方法ajax呼び出しによってid値をコントローラに渡す

$('#empId').change(function(event) { 
       var eId= $("select#empId").val(); 
       $.get('getEmpName', { 
        id: eId 
       }, function(data) { 
        $('#empname').val(data); 
       }); 
      }); 
//but i am not getting any response ie:nothing in data 
+0

はあなたをしましたどのようにAJAXを介してコントローラを呼び出す必要がありますまた、何が制御されるエル方法? 私はコントローラのサイドコードと一緒に両方のajax呼び出しを意味する? –

+0

@ Ataur Ra​​hman Munna:yes – storm

+0

サンプルコードを貼り付けます。それがansを受け入れるのに役立ちます。ありがとう。 –

答えて

2

を試してみました

<div class="form-group"> 
    <label class="col-sm-4 control-label">Employee</label> 
    <div class="col-sm-6"> 
    <select id="empId" name="empId" class="form-control" > 
     <option value="" >--Select--</option> 
     <c:forEach var="row" items="${employeeList}" > 
      <option value="${employeeList.Id}">${employeeList.name</option> 
     </c:forEach> 
    </select> 
    </div> 
    <div class="col-sm-6"> 
    <input type="text" name="empname" id="empname" class="form-control"/> 
    </div> 
</div> 


//i need to pass the employee id from the dropdown box to controller and get  //the name of the employee as response .and set the response value in the text  //box.how can be it done in spring using ajax. 

// AJAXコード:以下のようなもの

$('#empId').change(function() { 
    $.ajax({ 
      type: 'POST', 
      dataType: 'json', 
      url: 'your_url', // in your controller side (RequestMapping value) 
      data: 'empId='+$('#empId').val(), 
      success: function(responseData, textStatus) { 
       // your stuff here. you found the response in responseData var. 
      }, 
      complete: function(textStatus) { 

      }, 
      error: function(responseData) 
      { 

      } 
    }); 
}); 

そして、あなたのコントローラ側のコードを、

@RequestMapping(value = "your_url", method = RequestMethod.POST) 
    public ResponseEntity<String> postMethod(HttpServletRequest req) { 
     String jsonString = ""; 
     String empId = req.getParameter("empId"); 
     // your operation done here and 
     //convert it to json format before sending response. 
     jsonString = gson.toJson("your response convert here to json format"); // here i used google Gson library to convert your response in json format. 

     HttpHeaders responseHeaders = new HttpHeaders(); 
     responseHeaders.add("Content-Type", "text/html; charset=utf-8"); 
     return new ResponseEntity<String>(jsonString, responseHeaders, HttpStatus.CREATED); 
    } 
関連する問題