web-dev-qa-db-fra.com

Comment passer des données à une autre page en utilisant jquery ajax

J'ai un problème lors d'un appel ajax.

Voici mon code concernant l'ajax:

$('#Subjects').click(function() {
    $.ajax({
        type: 'POST',
        url: '../portal/curriculum.php',
        data: 'studentNumber='+$('#StudentID').val(),
        success: function(data)
        {
            $('#curriculum').html(data);
        }
    });
});

Lorsque j'écho studentNumber sur une autre page, le studentNumber est undefined. Pourquoi donc?

javascriptphpjqueryajax
12
kathleen55

Modifiez simplement votre code comme ceci:

JS 

$('#Subjects').click(function() {
    $.ajax({
        type: 'POST',
        url: '../portal/curriculum.php',
        data: { studentNumber: $('#StudentID').val() },
        success: function(data)
        {
            $('#curriculum').html(data);
        }
    });
});

PHP 

<?php

    $var = $_POST['studentNumber'];

?>

Si vous ne pouvez toujours pas le faire fonctionner .. d'autres choses que vous devriez considérer ..

url: '../portal/curriculum.php',

1) Veuillez utiliser l'URL complète http://yourdomain.com/portal/curriculum.php ou chemin absolu comme /portal/curriculum.php

2) Ajoutez un rappel d'erreur pour consulter le message d'erreur

$('#Subjects').click(function() {
    $.ajax({
        type: 'POST',
        url: '../portal/curriculum.php',
        data: { studentNumber: $('#StudentID').val() },
        success: function(data)
        {
            $('#curriculum').html(data);
        },
        error: function (xhr, ajaxOptions, thrownError) {
            alert(xhr.status);
            alert(thrownError);
        }
    });
});
3
Terry Lin
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $.post("test1.php",
        {
          name: "Makemelive Technologies",
          city: "Mumbai"
        },
        function(data,status){
            alert("Data: " + data + "\nStatus: " + status);
        });
    });
});
</script>
</head>
<body>

<button>Send an HTTP POST request to a page and get the result back</button>

</body>
</html>

Ce qui précède fera un appel à test1.php et son code sera

<?php

$fname=$_REQUEST['name'];
$city= $_REQUEST['city'];

echo "Company Name is ". $fname. " and it's located in ". $city ;

?>
1
makemelive
 $('#Subjects').click(function() {
      $.ajax({
      type: 'POST',
      url: '../portal/curriculum.php',
      data: { studentNumber: $('#StudentID').val() },
      success: function(data)
       {
        //here data is means the out put from the php file it is not $('#StudentID').val()
        $('#curriculum').html(data);
       }
      });
    });

par exemple, si vous faites écho à du texte sur php, il retournera avec data $ ('# curriculum'). html (data);

essayer de changer

//change
success: function(data)
{
   $('#curriculum').html(data); 

//to 
success: function(result)
{
   $('#curriculum').html(result);

vérifiez ce qui va se passer. postez-nous le fichier php aussi curriculum.php

1
Sampath Sri Anuradha

Vous pouvez utiliser via Jquery, Ajax et php

étape 1. index.php

<div id="div_body_users">
</div>
<form method="post" id="frm_data" action="">
<input type="button"  id="target" name="submit" value="submit">
<input type="key" id="key" name="key" value="1234">
</form>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script>
$(document).ready(function(){
   $( "#target" ).click(function() {
//  alert("test");
  var frm_mail = document.getElementById("frm_data");
  var frm_mail_data = new FormData(frm_mail);
    $.ajax({
        url: "http://localhost/test.php",
      data: frm_mail_data,
                    cache: false,
                    processData: false,
                    contentType: false,
        type: 'POST',
        success: function (result) {
             document.getElementById('div_body_users').innerHTML=result;
        }
    });

 });

});
</script>

étape 2. créer test.php

  <?PHP

 //print_r($_POST);

if($_POST['key']=='1234'){
    echo "success";
    exit(0);
 }
 ?>
0
Ghanshyam Nakiya