Microsoft JScript运行时错误：对象在AJAX中不支持此属性或方法

Question

我想在我的按钮中调用此功能。但每次我点击按钮它总是显示错误

  

Microsoft JScript运行时错误：对象不支持此属性   或方法

我认为麻烦的发生是因为我没有把jquery.js放在我的代码中，但是在我放了jquery.js之后，它总是与DropDown.js冲突。我已经尝试过使用jQuery.noConflict（）;但它也不起作用。 提前谢谢。

    <script type="text/javascript" src="../Script/DropDown.js"></script>
    <script type="text/javascript" src="../Script/Common.js"></script> 
<script type="text/javascript" src="../Script/DropDown.js"></script>
        <script type="text/javascript" src="../Script/Common.js"></script>   
    <script type = "text/javascript">

           function cekData() {
               var periode;
               periode = document.getElementById('ContentPlaceHolder1_txtTglAwal').value;
               $.ajax({
                   type: "post",
                   url: "AjaxToolkit.asmx/CekPeriodeData",
                   data: '{ tgl: "' + periode + '" }',
                   contentType: "application/json; charset=utf-8",
                   dataType: "json",
                   success: function (r) {
                       alert(r.d);

                   },
                   failure: function (xhr, status, error) {

                       alert('Error');
                   }
               });
           }

        </script>