使用ajax将值从一个页面传递到另一个页面

Question

我希望通过ajax从其他页面调用数据到我现有的页面。为此，我有以下代码

<script> 
$(document).ready(function() 
    { 
     $(".link").on("click", function(e) 
      { 
       e.preventDefault(); 
       var id = $(this).data("id"); 
       console.log (id); // i am getting value in this id 
       $.ajax({ 
       type : "post", 
       url : "register.php", 
       data : id, 
       cache : false, 
       success : function(html) 
       { 
        $('#msg').html(html); 
       }}); 
    }); 
}); 
</script> 

<a class='link' data-id="$idd" >TEXT</a> 

直到执行console.log（ID）代码工作，我得到的内部ID值，但我不能够运行register.php页面。我希望携带id到register.php页面，在那里运行一些代码并在#msg下打印它的结果，谁能告诉我如何纠正我的ajax代码

Answer 1

您应该以key/value格式传递数据。现在，您可以通过打印POST数组来检查register.php中的数据。

您可以传递纯数据串中的数据，就像我在示例中所示的那样，您也可以通过JSON对象。

• “键1 =值&键2 =值......”

• {K1：V1，K2：V2，......}

  <script> 
  $(document).ready(function() { 
      $(".link").on("click", function(e) { 
       e.preventDefault(); 
       var id = $(this).data("id"); 
       console.log (id); // i am getting value in this id 
       $.ajax({ 
        type : "post", 
        url : "register.php", 
        data : "id="+id, //you can pass value like this. 
        cache : false, 
        success : function(html) { 
         $('#msg').html(html); 
        } 
       }); 
      }); 
  }); 
  </script> 
  

Answer 2

你需要发送数据，如数据：{id：id}

<script> 
$(document).ready(function() 
    { 
     $(".link").on("click", function(e) 
      { 
       e.preventDefault(); 
       var id = $(this).data("id"); 
       console.log (id); // i am getting value in this id 
       $.ajax({ 
       type : "post", 
       url : "register.php", 
       data : {id: id}, 
       cache : false, 
       success : function(html) 
       { alert(html); 
        $('#msg').html(html); 
       }}); 
    }); 
}); 
</script> 

希望这将解决您的问题。

Answer 3

检查的值传递方法

<script> 
$(document).ready(function() 
    { 
     $(".link").on("click", function(e) 
      { 
       e.preventDefault(); 
       var id = $(this).data("id"); 
       //console.log (id); 
       $.ajax({ 
       type : "post", 
       url : "register.php", 
       //data : id, 
       data:{'id':id},//values to be passed similarly 
       cache : false, 
       success : function(html) 
       { 
        $('#msg').html(html); 
       }}); 
    }); 
}); 
</script> 

Answer 4

更改您$.ajax()功能是这样的：

$.ajax({ 
    type: 'POST', 
    url: 'register.php', 
    data: { 
     id: id 
    }, 
    success: function(response) 
    { 
     $('#msg').html(response); 
    } 
}); 

我希望它可以帮助你......

Answer 5

试试这个;

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 

    $.ajax({ 
       type:'GET', 
       url:'data.php', 
       data: { 
        "id": 123, 
        "name": "abc", 
        "email": "abc@gmail.com" 
       }, 
       success: function(ccc){ 

        alert(ccc); 
        $("#result").html(ccc); 
       } 
      }); 

Answer 6

data.php

echo $id = $_GET['id']; 
echo $name = $_GET['name']; 
echo $email = $_GET['email']; 

希望这将解决您的问题。