JQuery-Ajax: вставка данных из PHP

Question

У меня есть этот код:

на мой взгляд:

<b><input type="text" id="pagibigno" onclick="window.location.assign('#')"/></b> 
<div id="pagibig_form"> 
    <div class="err" id="add_err"></div> 
    <form> 
     <label>Pagibig Number:</label> 
     <input type="text" id="signpagibigno" name="signpagibigno" value="signpagibigno" /> 
     <input type="text" id="txtpagibigno" name="txtpagibigno" /> 
     <input type="submit" id="login" value="Login" /> 
     <input type="button" id="cancel_hide" value="Cancel" /> 
    </form> 
</div> 

addField.php

<?php 
include 'dbconn.php';  
$signpagibigno = $_GET['signpagibigno']; 
$txtpagibigno = $_GET['txtpagibigno']; 
echo "INSERT INTO `employer_profile` (`id`, `pagibig_no`, `buss_name`, `sss_no`, `div_code`, `address`, `zip_code`, `tin`, `contact_no`) 
        VALUES (NULL, '$txtpagibigno', NULL, NULL, NULL, NULL, NULL, NULL, NULL)"; 
$sql = $conn->prepare("INSERT INTO `employer_profile` (`id`, `pagibig_no`, `buss_name`, `sss_no`, `div_code`, `address`, `zip_code`, `tin`, `contact_no`) 
        VALUES (NULL, '$txtpagibigno', NULL, NULL, NULL, NULL, NULL, NULL, NULL)"); 

// mysql_query($sql);  
$sql->execute(); 
?> 

popup.js

$(document).ready(function() 
{ 
    $("#pagibigno").click(function() 
    { 
     $("#shadow").fadeIn("normal"); 
     $("#pagibig_form").fadeIn("normal"); 
     $("#user_name").focus(); 
    }); 
    $("#cancel_hide").click(function() 
    { 
     $("#pagibig_form").fadeOut("normal"); 
     $("#shadow").fadeOut(); 
    }); 
    $("#login").click(function() 
    { 
     pagibigno = $("#txtpagibigno").val(); 
     $.ajax(
     { 
      type: "GET", 
      url: "addField.php", 
      data: data, 
      success: function (html) 
      { 
       if (pagibigno != '') 
       { 
        $("#pagibig_form").fadeOut("normal"); 
        $("#shadow").fadeOut(); 
       } 
       else 
       { 
        $("#add_err").html("Please complete the field"); 
       } 
      }, 
      beforeSend: function() 
      { 
       $("#add_err").html("Loading...") 
      } 
     }); 
     return false; 
    }); 
}); 

, когда я запускаю dataField.php сохранение данных в мою базу данных. но когда я использую представление, где происходит ajax, данные не сохраняются. Я прочел эту ссылку для этого кода Alert in Jquery pagination Пожалуйста, помогите. thanks

Answer 1

Вы не передаёте данные на страницу php. Смотрите код JQuery ниже:

$(document).ready(function() { 
    $("#pagibigno").click(function() { 
     $("#shadow").fadeIn("normal"); 
     $("#pagibig_form").fadeIn("normal"); 
     $("#user_name").focus(); 
    }); 
    $("#cancel_hide").click(function() { 
     $("#pagibig_form").fadeOut("normal"); 
     $("#shadow").fadeOut(); 
    }); 
    $("#login").click(function() { 
     txtpagibigno = $("#txtpagibigno").val();//Getting value from text field 
     signpagibigno = $("#signpagibigno").val();//Getting value from text field 
     $.ajax({ 
      type: "GET", 
      url: "addField.php", 
      data: "txtpagibigno="+txtpagibigno+"&signpagibigno="+signpagibigno,//Passing the values to the php page 
      success: function (html) { 
       if (pagibigno != '') { 
        $("#pagibig_form").fadeOut("normal"); 
        $("#shadow").fadeOut(); 
       } else { 
        $("#add_err").html("Please complete the field"); 
       } 
      }, 
      beforeSend: function() { 
       $("#add_err").html("Loading...") 
      } 
     }); 
     return false; 
    }); 
});