AJAXを使用して複数の関数を呼び出す方法

Question

このコードでは、AJAXを使用しています。私はtdの値を追加したいと思います。私は既に1つの列の値を追加し、その後に2番目の値を追加したいとします。td。私はこれをする方法を知らない。下のコードを見てください。私のコードは以下の通りです。 htmlString += '<td>' + 'castename' + '</td>';私は関数castename()を呼び出したいと思っています。

$(document).ready(function(){ 
     $("#reservation").on("change", function() { 
      var reservation = $(this).val(); 
       $.ajax({ 
        type: 'post', 
        url: 'date-range.php', 
        data: { 
         logindate: reservation, 
        }, 
        async : false, 
       success: function(data) { 
        var res = jQuery.parseJSON(data); // convert the json 
        console.log(res); 
        if (res['status'] == "success") { 
        $('#datatable-editable > tbody').empty();//emtpy tbody at the begining 
        $.each(res['data'], function(key, value) { 
         var htmlString = ''; //Place declaration inside each 
         htmlString += '<tr>'; 
         var ssm_id = value.ssm_id; // here i got ssmid 
         htmlString += '<td>' + value.ssm_id + '</td>'; 

         $.ajax({ 
         type: 'post', 
         url: 'config/functions.php', 
         data: { 
          'ssm_id': ssm_id, 
         /* 'caste':ssm_id, 
          'reg_date':ssm_id, 
          'status':ssm_id, 
          'source':ssm_id*/ 
         }, 
         async : false, 
         success: function(fname) { 
          htmlString += '<td>' + fname + '</td>'; 
          htmlString += '</tr>'; 
          $('#datatable-editable > tbody').append(htmlString); 
         } 
         }); 


         $.ajax({ 
         type: 'post', 
         url: 'config/functions.php', 
         data: { 
          'caste': ssm_id, 

         }, 
         async: false, 
         success: function(caste) { 
          htmlString += '<td>' + caste + '</td>'; 
          htmlString += '</tr>'; 
          $('#datatable-editable > tbody').append(htmlString); 
         } 
         }); 

        }); 

        } 
       } 
       }); 
      }); 
     }); 

mycode.php

<?php 
    $ssm_id = $_POST['ssm_id']; 
    $caste_name = $_POST['caste']; 
    $reg_date = $_POST['reg_date']; 

    if (!empty($ssm_id)) 
    { 
     echo firstname($ssm_id); 
    } 

    if (!empty($caste_name)) { 
     echo castename($caste_name); 
    } 

    if (!empty($reg_date)) { 
     echo regdate($reg_date); 
    } 

    function firstname($id) 
    { 
     $f = "SELECT firstname FROM register WHERE matri_id='$id'"; 
     $rr = mysql_query($f); 
     while ($row=mysql_fetch_array($rr)) 
     { 
      $firstname = $row['firstname']; 
     } 
     return $firstname; 
    } 

    unction castename($id) 
    { 
     $f = "select caste_name from caste where caste_id='$id'"; 
     $rr = mysql_query($f); 
     while ($row=mysql_fetch_array($rr)) 
     { 
      $caste_name = $row['caste_name']; 
     } 
     return $caste_name; 
    } 

    function regdate($id) 
    { 
     $f = "SELECT reg_date FROM register WHERE matri_id='$id'"; 
     $rr = mysql_query($f); 
     while ($row=mysql_fetch_array($rr)) 
     { 
      $reg_date = $row['reg_date']; 
     } 
     return $reg_date; 
    } 
?> 

Answer 1

あなたのAjaxリクエストの成功の機能が重複しているようです。

ユーザーのAjax async:false

For more information see click on this

これを試してください： - 後に不足している}：：でSyntaxErrorいずれかがわかっている場合

$(document).ready(function() { 
    $("#reservation").on("change", function() { 
     var reservation = $(this).val(); 
     $.ajax({ 
      type: 'post', 
      url: 'date-range.php', 
      data: { 
       logindate: reservation, 
      }, 
      async: false, 
      success: function(data) { 
       var res = jQuery.parseJSON(data); // convert the json 
       console.log(res); 
       if (res['status'] == "success") { 
        $('#datatable-editable > tbody').empty(); //emtpy tbody at the begining 
        $.each(res['data'], function(key, value) { 
         var htmlString = ''; //Place declaration inside each 
         htmlString += '<tr>'; 
         var ssm_id = value.ssm_id; // here i got ssmid 
         htmlString += '<td>' + value.ssm_id + '</td>'; 

         $.ajax({ 
          type: 'post', 
          url: 'config/functions.php', 
          data: { 
           'ssm_id': ssm_id, 
           /* 'caste':ssm_id, 
           'reg_date':ssm_id, 
           'status':ssm_id, 
           'source':ssm_id*/ 
          }, 
          async: false, 
          success: function(fname) { 
           htmlString += '<td>' + fname + '</td>';                
          } 
         }); 


         $.ajax({ 
          type: 'post', 
          url: 'config/functions.php', 
          data: { 
           'caste': ssm_id, 

          }, 
          async: false, 
          success: function(caste) { 
           htmlString += '<td>' + caste + '</td>'; 
          } 
         }); 
        htmlString += '</tr>'; 
        $('#datatable-editable > tbody').append(htmlString); 
        }); 

       } 
      } 
     }); 
    }); 
});