Databases
StackOverflow2013
Postsdbo
POJQuery post method not executing
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POJQuery post method not executing
    primarykey
    data
    text
    <p>I've never written Ajax before and I am currently trying to code up an infinite scrolling page. When the user scrolls down to the bottom of the page, more items are supposed to load, but right now they aren't loading. Here is my Javascript to detect when they hit the bottom and make the Ajax call:</p> <pre><code>window.onload=function(){ //Find out how many items I have loaded and what filter I am using so I can make the Ajax call var vloaded = &lt;?php echo $i; ?&gt;; var vfilter = "&lt;?php echo $filter ?&gt;"; $(window).on('scroll', function () { if ($(window).height() + $(window).scrollTop() &gt;= $(document).height() - 10) { //I have reached the bottom of the page, now load items alert("loaded is " + vloaded + " and filter is " + vfilter); $.post("/organizer/getMore", { filter: vfilter, loaded: vloaded }, function(responseText) { $("grid").append(responseText); },"html"); //I've loaded the next 30 items, increment my counter for next time vloaded +=30; } }); } </code></pre> <p>The alert is displaying when I hit the bottom, and my variable is incrementing correctly. I'm using Zend Framework, so the URL points to my <code>getMoreAction()</code> function here:</p> <pre><code>public function getmoreAction() { //Used by Ajax to get more items for the infinite scroll //Figure out how I'm filtering items and how many I've already loaded $filter = $_POST['filter']; $loaded = $_POST['loaded']; echo "Filter is ".$filter; echo "Loaded ".$loaded; //Get all the items in the database ordered by filter require_once(APPLICATION_PATH . '/models/ItemArray.php'); $items = ItemArray::getItems($user-&gt;getID(), $filter, $loaded ); //Return items back to Ajax call, converted to html echoItems($items); } </code></pre> <p>I already know the <code>getItems</code> function works, because I'm also using it when the page first loads, and <code>echoItems</code> is just a loop to echo the html for each item, which also works elsewhere. The echos in the action never execute, so I'm assuming there is something wrong with my post call such that I'm never even getting to this action.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USjaimerump
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. CODo you use firebug? If not, do. It's an add-on to Firefox that lets you quickly see the post/response (and MUCH more) of your ajax requests, so you can see what's going on quickly and easily.
      singulars
      1. POJQuery post method not executing
      1. UScale_b
    2. COAlso, if you use Chrome or IE, the F12 button will bring up the built-in console.
      singulars
      1. POJQuery post method not executing
      1. USefesar
    3. COWell, from firebug I found out that I was getting a fatal error from user not being defined. I fixed that, but still nothing is happening. Every time I scroll down the alert box pops up again, but no new items are loaded. `$("grid").append(responseText);` should append any html contained in the variable `responseText` to the end of the element with id 'grid', correct? Also, in Firefox the alert box seems to pop up whenever I scroll down 10 pixels rather than when I scroll down to within 10 pixels of the bottom.
      singulars
      1. POJQuery post method not executing
      1. USjaimerump
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload