jquery Datentabelle Ajax gibt einen Fehler

Question

hier ist mein Code, die Symptome Liste von Web-Service perfekt in meine Maschine in Visual Studio 12.

$('#manLeg').mapster($.extend({}, options,{ 

    onClick: function (e) { 

     if (e.key === 'toes') 
     { 
      $.ajax({ 
       url: "SympsService.asmx/GetSymptoms", 
       method: "post", 
       dataType: "json", 
       data: JSON.stringify({ organ_name: "toes" }), 
       contentType: "application/json", 
       success: function (data) { 
        createDataTable('#choiseTable', null); 
        createDataTable("#symptomsTable", null); 
        $('#choiseTable').on("click", "tbody button", function (evt) { moveRow(evt, '#choiseTable', '#symptomsTable'); }) 
        $('#symptomsTable').on("click", "tbody button", function (evt) { moveRow(evt, '#symptomsTable', '#choiseTable'); }) 
        var sympList = 'GetSymptoms' ? JSON.parse(data.d) : data.d; 
        createDataTable('#symptomsTable', sympList); 


        function createDataTable(target, data) { 

         $(target).DataTable({ 
          destroy: true, 
          paging: false, searching: false, info: false, data: data, 

          columnDefs: [{ 

           targets: [-1], render: function() { 
            return "<button type='button'>" + (target == '#choiseTable' ? 'Remove' : 'Choose') + "</button>" 
           } 
          }], 
          columns: [ 
           { 
            'data': 'Sympt', 
            'title': 'toes Symptoms', 
            class: 'center' 
           }, 
          { 
           'data': null, 'title': 'Action' 

          } 
          ] 

         }); 
        } 


        function moveRow(evt, fromTable, toTable) { 

         var table1 = $(fromTable).DataTable(); 
         var table2 = $(toTable).DataTable(); 
         var tr = $(evt.target).closest("tr"); 
         var row = table1.rows(tr); 

         var obj = { 'Sympt': row.data()[0].Sympt }; 
         table2.row.add(obj).draw(); 
         row.remove().draw(); 

        } 
       }, 
       error: function (error, status) { 
        console.log(error); 
        debugger; 
       } 
      }); 

, aber wenn ich es in einer anderen Maschine auf Visual Studio laufen 13 kehrt zurückkehren Fehler in der console.log (Fehler). der Fehler ist:

dies macht mich verrückt, weil ich es auf dieser Maschine ausführen muss, kann aber nicht verstehen, was dieser Fehler bedeutet. Jede Art von Hilfe wird sehr geschätzt werden. Vielen Dank im Voraus.

Answer 1

ich es reorganisiert etwas und kommen mit dieser

$('#manLeg').mapster($.extend({}, options, 
     { 
      onClick: function (e) { 
       if (e.key === 'toes') { 
        doAjax(); 
       } 
      } 
     })); 

    function doAjax() { 

     $.ajax({ 
      url: "SympsService.asmx/GetSymptoms", 
      method: "post", 
      dataType: "json", 
      data: JSON.stringify({ organ_name: "toes" }), 
      contentType: "application/json", 
      success: function (data) { 
       createDataTable('#choiseTable', null); 
       createDataTable("#symptomsTable", null); 
       $('#choiseTable').on("click", "tbody button", function (evt) { moveRow(evt, '#choiseTable', '#symptomsTable'); }) 
       $('#symptomsTable').on("click", "tbody button", function (evt) { moveRow(evt, '#symptomsTable', '#choiseTable'); }) 
       var sympList = 'GetSymptoms' ? JSON.parse(data.d) : data.d; 
       createDataTable('#symptomsTable', sympList); 
      }, 
      error: function (responseError, status) { 
       console.log(responseError); 
       debugger; 
      } 
     }); 

    } 

    function createDataTable(target, data) { 

     $(target).DataTable({ 
      destroy: true, 
      paging: false, searching: false, info: false, data: data, 
      columnDefs: [{ 

       targets: [-1], render: function() { 
        return "<button type='button'>" + (target == '#choiseTable' ? 'Remove' : 'Choose') + "</button>" 
       } 
      }], 
      columns: [ 
       { 
        'data': 'Sympt', 
        'title': 'toes Symptoms', 
        class: 'center' 
       }, 
      { 
       'data': null, 'title': 'Action' 

      } 
      ] 

     }); 
    } 


    function moveRow(evt, fromTable, toTable) { 

     var table1 = $(fromTable).DataTable(); 
     var table2 = $(toTable).DataTable(); 
     var tr = $(evt.target).closest("tr"); 
     var row = table1.rows(tr); 

     var obj = { 'Sympt': row.data()[0].Sympt }; 
     table2.row.add(obj).draw(); 
     row.remove().draw(); 

    }