web-dev-qa-db-ja.com

jquery ajaxを使用してデータを別のページに渡す方法

Ajax呼び出しに問題があります。

ここにajaxに関する私のコードがあります：

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

別のページでstudentNumberをエコーすると、studentNumberはundefinedになります。何故ですか？

javascriptphpjqueryajax
12
kathleen55

コードを次のように変更します。

[〜＃〜] 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'];

?>

それでも機能しない場合は、他のことを考慮する必要があります..

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

1）完全なURL http://yourdomain.com/portal/curriculum.phpまたは/portal/curriculum.phpなどの絶対パスを使用してください

2）エラーコールバックを追加してエラーメッセージをチェックアウトする

$('#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>

上記はtest1.phpを呼び出し、そのコードは

<?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);
       }
      });
    });

pHPでテキストをエコーする場合の例として、データ$（ '＃curriculum'）。html（data）;を返します。

変えようとする

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

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

何が起こるかを確認してください。私たちにPHPファイルを投稿しすぎますcurriculum.php

1
Sampath Sri Anuradha

Jquery、Ajax、phpから使用できます

ステップ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>

ステップ2. test.phpを作成する

  <?PHP

 //print_r($_POST);

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