2017-02-25 157 views
0

我試圖發送一個php變量到另一個頁面使用JS。我至今沒有希望的:使用javascript發佈一個php變量從一個頁面到另一個

的header.php:

<script> 
    var county = "<?php echo $county; ?>"; 
    $.post("ajax.php",county); 
</script> 

ajax.php:

<?php 
    $county = $_POST['county']; 
    echo $county; 
?> 

對於背景下,我試圖提煉的無限滾動腳本(http://www.inserthtml.com/2013/01/scroll-pagination/)。

我目前使用這個腳本和要添加到它:

(function($) { 

    $.fn.scrollPagination = function(options) { 

     var settings = { 
      nop  : 10, // The number of posts per scroll to be loaded 
      offset : 0, // Initial offset, begins at 0 in this case 
      error : 'No More Posts!', // When the user reaches the end this is the message that is 
             // displayed. You can change this if you want. 
      delay : 500, // When you scroll down the posts will load after a delayed amount of time. 
          // This is mainly for usability concerns. You can alter this as you see fit 
      scroll : true // The main bit, if set to false posts will not load as the user scrolls. 
          // but will still load if the user clicks. 

     } 



     // Extend the options so they work with the plugin 
     if(options) { 
      $.extend(settings, options); 
     } 

     // For each so that we keep chainability. 
     return this.each(function() {  

      // Some variables 
      $this = $(this); 
      $settings = settings; 
      var offset = $settings.offset; 
      var busy = false; // Checks if the scroll action is happening 
           // so we don't run it multiple times 

      // Custom messages based on settings 
      if($settings.scroll == true) $initmessage = ''; 
      else $initmessage = 'Click for more'; 

      // Append custom messages and extra UI 
      $this.append('<div class="content"></div><div class="loading-bar">'+$initmessage+'</div>'); 

      function getData() { 

       // Post data to ajax.php 
       $.post('ajax.php', { 

        action  : 'scrollpagination', 
        number  : $settings.nop, 
        offset  : offset, 



       }, function(data) { 

        // Change loading bar content (it may have been altered) 
        $this.find('.loading-bar').html($initmessage); 

        // If there is no data returned, there are no more posts to be shown. Show error 
        if(data == "") { 
         $this.find('.loading-bar').html($settings.error); 
        } 
        else { 

         // Offset increases 
         offset = offset+$settings.nop; 

         // Append the data to the content div 
         $this.find('.content').append(data); 

         // No longer busy! 
         busy = false; 
        } 

       }); 

      } 

      getData(); // Run function initially 

      // If scrolling is enabled 
      if($settings.scroll == true) { 
       // .. and the user is scrolling 
       $(window).scroll(function() { 

        // Check the user is at the bottom of the element 
        if($(window).scrollTop() + $(window).height() > $this.height() && !busy) { 

         // Now we are working, so busy is true 
         busy = true; 

         // Tell the user we're loading posts 
         $this.find('.loading-bar').html('Loading images'); 

         // Run the function to fetch the data inside a delay 
         // This is useful if you have content in a footer you 
         // want the user to see. 
         setTimeout(function() { 

          getData(); 

         }, $settings.delay); 

        } 
       }); 
      } 

      // Also content can be loaded by clicking the loading bar/ 
      $this.find('.loading-bar').click(function() { 

       if(busy == false) { 
        busy = true; 
        getData(); 
       } 

      }); 

     }); 
    } 

})(jQuery); 
var county = "<?php echo $county; ?>"; 
$.ajax({ 
    type: "POST", 
     url: "ajax.php", 
     data: {county:county}, 
     success: function (data) 
     { 
      alert(data); 
     } 
    }); 

UPDATE:

它現在的工作。謝謝你的幫助。

回答

0

試試這個:

$.post("ajax.php", { county: county }, function(result){ 
    console.log(result); // response, if any 
}); 
0
var county = "<?php echo $county; ?>"; 
$.ajax({ 
    type: "POST", 
     url: "ajax.php", 
     data: {county:county}, 
     success: function (data) 
     { 
      alert(data); 
     } 
    }); 

請使用此代碼,將工作

+0

感謝您的回答,我更新了我的問題。我已經添加了你的代碼,但我無法讓它工作 – Chris

0

請給一些細節你究竟想要做

,或者您可以使用ajax jQuery for plugin最簡單的方法

$('#myForm').ajaxForm(function(response){ 
    //Print response 
    $('#ResultDiv').html(response); 
}); 
+0

感謝您的回答,我更新了我的問題。 – Chris

相關問題