Jquery, Ajax, PHP: Düzenleme mysql girişleri

0 Cevap php

Ben bir hafta boyunca bir cevap arıyor oldum, ama benim anlayış ben ne bulmak en izleyin kadar yüksek olmadığını düşünüyorum.

Ben bir öğretici dayalı basit "bir veritabanına müşteri ekle" fonksiyonunu kullanarak değilim ben "Edit Müşteriler" düğmesi ile veritabanından kayıtları alabilir, böylece ben şimdi modifiye ettik. "Edit Müşteriler" kayıt listesini gösterir

$('button.edit').click(function() {
     //alert('this is an alert message');
  $('form#submit').hide(function(){$('div.showRecords').fadeIn()});  
 });

(Ben bu özensiz ve ben "Edit Müşteriler" butonuna basıldığında bu formu doldurmak için tercih ediyorum biliyorum, ama benim anlayış henüz oldukça orada değilim)

Ben liste kayıtları çalışma var, ama "kayıt listesinde" her kaydın yanında bir düzenleme düğmesi (her kayıt için bir). Burada (çalışmıyor) dan I $ ('button.editRecords') muktedir istiyorum. (Function () {formdan tek tek kayıtları düzenlemek edebilmek için tıklayınız ... ben kafamda biraz hissediyorum. ..

PHP işlevi kimliği kimliği dayalı kayıt çağıran form sayfasına url geçti alır. Ben ... Herhangi bir fikir benim kuyruk peşinde başlar nerede ben formu alınıyor nerede olduğumu benzer bir şey yapmak gerekiyor tahmin ediyorum, bu nedir?

<script type"text/javascript"> 
$(document).ready(function(){

 $('button.edit').click(function() {
     //alert('this is an alert message');
  $('form#submit').hide(function(){$('div.showRecords').fadeIn()});  
 });

 $('button.editRecords').click(function() {
     //alert('this is an alert message');
  $('form#submit').hide(function(){$('div.updateRecords').fadeIn()});  
 });



$("form#submit").submit(function() {
 // we want to store the values from the form input box, then send via ajax below
 var fname     = $('#fname').attr('value');
 var lname     = $('#lname').attr('value'); 
  $.ajax({
   url: "ajax.php",
   type: "POST",
   data: "fname="+ fname +"& lname="+ lname,
   success: function(data)
    {                     
     if(data.success == 1)
     {   
      alert ('success');
      //$('form#submit').hide(function(){$('div.success').fadeIn()});
     }  
     else  
     {  
      alert ('failure');
      //$('form#submit').hide(function(){$('div.failed').fadeIn()});
     }     
     }
  });   
 return false;
 });

$("form#form1").submit(function() {
 // we want to store the values from the form input box, then send via ajax below
 var fname     = $('#fname').attr('value');
 var lname     = $('#lname').attr('value'); 
  $.ajax({
   url: "update_ac.php",
   type: "GET",
   data: "fname="+ fname +"& lname="+ lname +"& id="+ id,
   success: function(data)
    {                     
     if(data.success == 1)
     {   
      alert ('success');
      //$('form#submit').hide(function(){$('div.success').fadeIn()});
     }  
     else  
     {  
      alert ('failure');
      //$('form#submit').hide(function(){$('div.failed').fadeIn()});
     }     
     }
  });   
 return false;
 });

});
</script>


<body>
<br><br><br><br><br><br><br><br>  

<form id="submit" method="post">
    <fieldset>
        <legend>Enter Information</legend>

                    <label for="fname">Client First Name:</label>
        <input id="fname" class="text" name="fname" size="20" type="text">

                    <label for="lname">Client Last Name:</label>
        <input id="lname" class="text" name="lname" size="20" type="text">

        <button class="button positive"> <img src="../images/icons/tick.png" alt=""> Add Client </button>
    </fieldset>
</form>

<div class="listRecords">
 <button class="edit"> <img src="../images/icons/tick.png" alt="">Edit Clients</button>  
</div> 

<div class="showRecords" style="display:none;">
    <?php $sql="SELECT * FROM clients";
    $result=mysql_query($sql);
 ?>
    <table width="400" border="0" cellspacing="1" cellpadding="0">
        <tr>
            <td>
                <table width="400" border="1" cellspacing="0" cellpadding="3">
                    <tr>
                     <td colspan="4"><strong>List data from mysql </strong> </td>
                    </tr>

                    <tr>
                     <td align="center" style="background-color:#FFF;"><strong>Name</strong></td>
                     <td align="center" style="background-color:#FFF;"><strong>Lastname</strong></td>
                     <td align="center" style="background-color:#FFF;"><strong>Edit</strong></td>
                    </tr>
                 <?php while($rows=mysql_fetch_array($result)){ ?>
                    <tr>
                     <td><? echo $rows['fname']; ?></td>
                     <td><? echo $rows['lname']; ?></td>
                     <td align="center">
                         <!--- <a href="updated2.php?id=<? //echo $rows['id']; ?>">---><!--- This is where the form carried the id to updated2.php that I need to replicate in my jquery function --->
                         <button class="editRecords"><img src="../images/icons/edit.gif" height="20" width="58" alt="Edit Record"><? echo $rows['id']; ?></button>
                            </a>
                        </td>
                    </tr>
                 <?php } ?>
                </table>
            </td>
        </tr>
 </table>
</div>
<div class="updateRecord" style="display:none;">

<?php
 $id=$_GET['id'];

 // Retrieve data from database 
 $sql="SELECT * FROM clients WHERE id='$id'";
 $result=mysql_query($sql);

 $rows=mysql_fetch_array($result);
?>
<table width="400" border="0" cellspacing="1" cellpadding="0">
    <tr>
        <form name="form1" method="post">
            <td>
                <table width="100%" border="0" cellspacing="1" cellpadding="0">
                    <tr>
                     <td>&nbsp;</td>
                     <td colspan="3"><strong>Update Records</strong> </td>
                    </tr>
                    <tr>
                        <td align="center">&nbsp;</td>
                        <td align="center">&nbsp;</td>
                        <td align="center">&nbsp;</td>
                        <td align="center">&nbsp;</td>
                    </tr>
                    <tr>
                        <td align="center">&nbsp;</td>
                        <td align="center"><strong>Name</strong></td>
                        <td align="center"><strong>Lastname</strong></td>
                    </tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td align="center"><input name="fname" type="text" id="fname" value="<? echo $rows['fname']; ?>"></td>
                        <td align="center"><input name="lname" type="text" id="lname" value="<? echo $rows['lname']; ?>" size="15"></td>
                    </tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td><input name="id" type="hidden" id="id" value="<? echo $rows['id']; ?>"></td>
                        <td align="center"><input type="submit" name="Update" value="Update"></td>
                        <td>&nbsp;</td>
                    </tr>
                </table>
            </td>
        </form>
    </tr>
</table>
</div>

Ben sadece yardımcı olabilir şey üzerinde tökezledi. Ben sadece görünümü eklemek ve oldukça farklı ajax işlem dosyaları ile bunu daha öğelerini düzenlemek için muktedir benim orijinal ajax işleme dosyasını düzenleyerek olmalı?


12/20 düzenleyin

Şimdi her şey çalışma var ve ben çalışan bu hata iletileri kez olsun ben başkaları için sonuçlar sonrası edeceğiz. Ben son parçasına sıkışmış kulüpler nerede, nihai düzenleme hata iletişim her zaman, yanlış, başarısız diyor veritabanına geri teslim alır bir kez, ama bilgi veritabanında güncellenmiş olsun demek. Burada hata oluşur nihai ajax için kodudur.

<?php 
include_once '../includes/opendb.php';
    include_once 'header.php';
    ?>
<script type"text/javascript">
$(document).ready(function(){

$('button.buttonpositive2').click(function () {
    //$("form#submit2").click(function() {
        // we want to store the values from the form input box, then send via ajax below
        var fname2     = $('#fname2').attr('value');
        var lname2     = $('#lname2').attr('value');
        var id        = $('#id').attr('value');
            $.ajax({
                url: "ajax4.php",
                type: "POST",
                //data: "fname="+ fname +"& lname="+ lname,
                data: "id="+ id +"&fname="+ fname2 +"&lname="+ lname2,
                success: function(data)
                    {                     
                        if(data.success == 'y')
                        {   
                            alert ('success');
                            //$('form#submit').hide(function(){$('div.success').fadeIn()});
                        }  
                        else  
                        {  
                            alert ('failure');
                            //$('form#submit').hide(function(){$('div.failed').fadeIn()});
                        }    
                     }
            });      
        return false;
        });

/*$('button.positive2').click(function () {
                var fname     = $(this).attr('value');
                var lname     = $(this).attr('value');
                var id        = $(this).attr('value');

                //alert('this is the edit button', 'Alert Dialog');
                  $('div.updateRecord').fadeOut(function(){$('div.saveRecord').load("ajax4.php?id="+ id +"& fname="+ fname +"& lname="+ lname).fadeIn()});*/


});
</script>
<?php

echo '</head>
      <body>';

    $id=$_GET['id'];
    $sql="SELECT * FROM clients WHERE id='$id'";
    $result=mysql_query($sql);
    $rows=mysql_fetch_array($result);



    echo 
'<form id="submit2" method="post">
    <fieldset>
        <legend>Edit Information</legend>

                    <label for="fname2">Client First Name:</label>
        <input id="fname2" class="fname2" name="fname2" size="20" type="text" value="' . $rows['fname'] . '">

                    <label for="lname2">Client Last Name:</label>
        <input id="lname2" class="lname2" name="lname2" size="20" type="text" value="' . $rows['lname'] . '">

        <input id="id" name="id" type="text" class="text"  value="' . $rows['id'] . '">

        <button class="buttonpositive2"> <img src="../images/icons/tick.png" alt=""> Save Edit </button>
    </fieldset>
</form>'            


                ;

?>

0 Cevap