2016-07-26 11 views
0

ajaxの使用に問題があります。

私はこのJavaScriptコードを持っている:

<script type="text/javascript"> 
function updateDepartment() 
{ 
    $.ajax({ 
     type: "GET", 
     url: "getSubSubjectsList", 
     data:{ 
      subjectName: "", 
      }, 
      headers: { 
       Accept: 'application/json' 
      }, 
      dataType: 'json', 
      contentType:"application/x-javascript; charset:ISO-8859-1", 



      success: function (response) { 


      var subSubjectsList = $.parseJSON(JSON.stringify(response)); 
      window.alert(JSON.stringify(response)); 
      var select = document.getElementById("sub_subjects_select"); 
       for (var i = 0; i < subSubjectsList.length; i++) { 
        var option = document.createElement("option"); 
        option.text =subSubjectsList[i].description; 
        option.value = subSubjectsList[i].subjectObj.view; 
        //window.alert(subSubject.description +" "+subSubject.id+" "+subSubject.subjectObj.id+" "+subSubject.subjectObj.view+" "+ subSubject.departmentObj); 


         select.add(option); 
        } 
       openDialog('changeDepartment'); 
       }, 
      //$("#subSubjectDiv").html(response); call to another page .jsp 

     error: function(xhr,textStatus,err) { window.alert(JSON.stringify(xhr) + " ... "+textStatus+" ... "+err);} 
    }); 





} 


</script> 

私はそれを実行すると、私はこのエラーを得た:

editContact?contacting_id=8:392 Uncaught ReferenceError: $ is not defined updateDepartment @ editContact?contacting_id=8:392onchange @ editContact?contacting_id=8:251 

私は私のコントローラで "getSubSubjectsList" という名前の関数を持っています。

これは私のコントローラ機能である:

@RequestMapping(value = "/getSubSubjectsList", method = RequestMethod.GET,produces = MediaType.APPLICATION_JSON_VALUE) 
public @ResponseBody List<sub_subject> getSubSubjectsList(@RequestParam("subjectName") String subjectName) { 


    subSubjectsList= Sub_SubjectDAO.getSubSubjectsList(language); 
    return subSubjectsList; 
} 

私は、この問題のために行う必要がありますか?

+1

スクリプトを実行する前にjqueryをロードしましたか? –

答えて

0

これが答えです..私は私のHTMLコードにこのスクリプトを追加するのを忘れ:

<script src="code.jquery.com/jquery-1.7.1.min.js"></script>

はjqueryのをロードすることが重要です!

関連する問題