如何将jquery变量从一页传递到另一页？

Question

index.php

<script>
  $(document).ready(function() {
    $("#submit").click(function() {
    var field = $("#field").val();
    $("#popular_colleges" ).load( "xyz.php");
    $("#popular_colleges").on( "click", ".pagination a", function (e){
      e.preventDefault();
      $("imagen").show();
      var page = $(this).attr("data-page");
      $("#popular_colleges").load("xyz.php",{"page":page}, function(){ 
        $("imagen").hide(); 
      });
    });
  });
</script>

xyz.php

//another page code 

Here I having two pages ie index.php and xyz.php now I want to post index.php page variable (var field) to xyz.php. How can I do this ? can anyone help me please ?

Thank You

Answer 1

You can use $.get(), or $.post(), or the more powerful and complex $.ajax().

For a simple value called page, get or post should be sufficient:

$.post('/path/to/other-page.php', {page: page}, function(data){
    console.log(data); // what your other page returned
});

Answer 2

To post var field = $("#field").val(); from index.php to xyz.php you have to use the jquery ajax() . To use this you have to include the jquery library in your page and its syntax is like:

$.ajax({
    url : 'xyz.php',
    method : 'post',
    data : {
        field: field
        // key: value pair
    },
    success: function(response){
        // here response in the response you get from xyz.php
    }
});

xyz.php: you can get the posted value like:

$field = $_POST['field'];