In phonegap how to cancel an ajax request in program, I would like to set cancel button for control the request when it's too slow  $.ajax({     type: "GET",     url: url,     success: function(m) {         alert( "success");     } });
40557
Is it possible that using jQuery, I cancel/abort an Ajax request that I have not yet received the response from?
95564
I am having trouble debugging an issue with a plugin that I'm writing. I want to do an Ajax request when a user changes the option on a select input. The thing is it was fully working as expected yesterday, then when I test the website today (no code changes were made at all since yesterday) I'm getting an:   domain.com/wp-admin/admin-ajax.php 400 (Bad Request)  message in my Chrome console. If I try in Internet Explorer/FireFox it doesn't give the error in console but the Ajax request is still not working.  The plugin I'm creating is on a DigitalOcean droplet which was made using their one click app for WordPress.  Here is the barebones code I'm using on the plugin for the ajax:  //This is in a class' constructor method add_action('wp_enqueue_scripts', array($this, 'plugin_prefix_scripts'));  //PLUGIN_URL is a constant created earlier in the plugin public function plugin_prefix_scripts() { wp_enqueue_script('plugin_prefix_scripts', PLUGIN_URL . 'scripts/frontend_script.js'); wp_localize_script('plugin_prefix_scripts', 'js_object',   array(     'ajax_url' =&gt; admin_url('admin-ajax.php')   ) );   }  frontend_script.js:  $('#plugin-prefix-option-one, #plugin-prefix-option-two').on('change', function() {     var data = {         'action': 'plugin_prefix_page_change',         'option_val': 'some_val',     }      $.post(js_object.ajax_url, data, function(response) {         console.log(response); });   Back in the class:  add_action('wp_ajax_plugin_prefix_page_change', array($this, 'plugin_prefix_page_change'));  public function plugin_prefix_page_change() {     $arr = array(1, 2, 3, 4, 5);      wp_send_json($arr);      //I've also tried wp_die() and no die call at all but same outcome     die(); }   I'm unsure how to debug this further. Any help is much appreciated.  Thanks
18522
If I want the user to revert their operation of selecting an item, should I say: "Unselect the option" or "Deselect the option"?
26203
I'm trying to direct a browser to a different page. If I wanted a GET request, I might say  document.location.href = 'http://example.com/q=a';   But the resource I'm trying to access won't respond properly unless I use a POST request. If this were not dynamically generated, I might use the HTML  &lt;form action="http://example.com/" method="POST"&gt;   &lt;input type="hidden" name="q" value="a"&gt; &lt;/form&gt;   Then I would just submit the form from the DOM.  But really I would like JavaScript code that allows me to say  post_to_url('http://example.com/', {'q':'a'});   What's the best cross browser implementation?  Edit   I'm sorry I was not clear. I need a solution that changes the location of the browser, just like submitting a form. If this is possible with , it is not obvious. And this should not be asynchronous, nor use XML, so Ajax is not the answer.
122637
I'm working on a SharePoint app where I need to run SP.RequestExecutor.executeAsync() in order to grab some information from one of the Host Web's lists. Depending on what method is calling the oData call I want to do something different.   Unfortuntely, executor.executeAsync() isn't playing as nice as $.ajax() does in terms of using $.when().done() and executing code after an async call is made. Below is some code if you'd like to see:      load = function (){         $.when(getEntries()).done(function () {             ViewModels.Calendar.addEventSource(ko.utils.unwrapObservable(eventList));         });     }      getEntries = function () {         return executor.executeAsync({             url: appweburl                 + "/_api/SP.AppContextSite(@target)/web/lists/getbytitle('" + LIST + "')/items?@target='" + hostweburl                 + "'&amp;$select=Title,OData__x006e_ot5,qnlu,OData__x0066_x20"                 + "&amp;$filter=OData__x0066_x20 eq '" + ViewModels.Person.user.userName() + "' "                 + "and qnlu ge DateTime'" + startDate().toString("yyyy-MM-dd") + "T00:00:00' "                 + "and qnlu le DateTime'" + endDate().toString("yyyy-MM-dd") + "T00:00:00' ",             method: "GET",             headers: { "Accept": "application/json; odata=verbose" },             success: onGetEntriesSuccess,             error: onoDataCallFailure          });     },      onGetEntriesSuccess = function (data) {         var jsonObject = JSON.parse(data.body);         $.each(jsonObject.d.results, function (index, item) {             eventList.push(new Event(item.qnlu, item.OData__x006e_ot5));         });     },      onoDataCallFailure = function (data, errorCode, errorMessage) {         alert('Failed to get host site. Error:' + errorMessage);     };   Any ideas/suggestions would be appreciated.
30421
I would like to delay a hover event in jquery.  I am reading from a file when user hovers over a link or label.  I don't want this event to occur immediately in case the user is just moving the mouse across the screen.  Is there a way to delay the event from firing?  Thank you.  Example code:  $(function() {     $('#container a').hover(function() {         $('&lt;div id="fileinfo" /&gt;').load('ReadTextFileX.aspx',             {filename:'file.txt'},             function() {                 $(this).appendTo('#info');             }          );     },         function() { $('#info').remove(); }     }); });   UPDATE: (1/14/09) After adding the HoverIntent plugin the above code was changed to the following to implement it.  Very simple to implement.  $(function() {     hiConfig = {         sensitivity: 3, // number = sensitivity threshold (must be 1 or higher)         interval: 200, // number = milliseconds for onMouseOver polling interval         timeout: 200, // number = milliseconds delay before onMouseOut         over: function() {             $('&lt;div id="fileinfo" /&gt;').load('ReadTextFileX.aspx', {filename:'file.txt'},                 function() {                    $(this).appendTo('#info');                 }              );         }, // function = onMouseOver callback (REQUIRED)         out: function() { $('#info').remove();  } // function = onMouseOut callback (REQUIRED)     }     $('#container a').hoverIntent(hiConfig) }
54022
I'm attempting to do an AJAX call (via JQuery) that will initiate a fairly long process. I'd like the script to simply send a response indicating that the process has started, but JQuery won't return the response until the PHP script is done running.  I've tried this with a "close" header (below), and also with output buffering; neither seems to work. Any guesses? or is this something I need to do in JQuery?  &lt;?php  echo( "We'll email you as soon as this is done." );  header( "Connection: Close" );  // do some stuff that will take a while  mail( 'dude@thatplace.com', "okay I'm done", 'Yup, all done.' );  ?&gt;
41163
I'm wondering what the preferred method is for dealing with AJAX calls. Should one use the same plugin php file to process the POST or a separate one? Which is cleaner or safer?
47899
Semantically, the Yes/No buttons are roughly equivalent to the Ok/Cancel buttons, but in general what would you recommend to use? Should I always use Yes/No or always use Ok/Cancel? Or does it depend on the case?
24342
I have a system where I send an Ajax command, which returns a script block with a function in it. After this data is correctly inserted in the DIV, I want to be able to call this function to perform the required actions.  Is this possible?
119666
I'm making an AJAX call in drupal 7 via the standard AJAX Framework. My  problem is that when a status message is set by the AJAX callback, it is simply lost (or displayed at the next reload of the page). How can I display the status messages right after the AJAX callback has finished running, without reloading the page? Is there a module for that?
50903
I'd think this would work just fine, but it seems to prevent the action function from firing regardless of the confirm response  &lt;apex:commandButton value="Remove All" action="{!removeAll}" rerender="form"      status="LoadingStatus" onclick="return confirm('Are you sure?');"/&gt;
83258
Does anybody know of a method to trigger an event in Prototype, as you can with jQuery's trigger function?  I have bound an event listener using the observe method, but I would also like to be able to fire the event programatically.  Thanks in advance
66017
When you click "start a bounty" then "cancel," href="#" exiles you to the top of the page and you lose your spot near the end of the question's comments. Clicking anywhere else on the page simply closes the bounty popup; clicking "cancel" ought to do the same.  In case that wasn't clear:    Dramatization aside, it's a nuisance. Can the click event on that anchor be preventDefaulted?
97201
I have something like this:  &lt;div class="content"&gt;     &lt;a href="#"&gt;A&lt;/a&gt; &lt;/div&gt; &lt;div class="content"&gt;     &lt;a href="#"&gt;B&lt;/a&gt; &lt;/div&gt; &lt;div class="content"&gt;     &lt;a href="#"&gt;C&lt;/a&gt; &lt;/div&gt;   When one of these links is clicked, I want to perform the .hide() function on the links that are not clicked. I understand jQuery has the :not selector, but I can't figure out how to use it in this case because it is necessary that I select the links using $(".content a")  I want to do something like  $(".content a").click(function() {     $(".content a:not(this)").hide("slow"); });   but I can't figure out how to use the :not selector properly in this case.
65332
Is it possible to catch an error when using JSONP with jQuery? I've tried both the $.getJSON and $.ajax methods but neither will catch the 404 error I'm testing. Here is what I've tried (keep in mind that these all work successfully, but I want to handle the case when it fails):  jQuery.ajax({     type: "GET",     url: handlerURL,     dataType: "jsonp",     success: function(results){         alert("Success!");     },     error: function(XMLHttpRequest, textStatus, errorThrown){         alert("Error");     } });   And also:  jQuery.getJSON(handlerURL + "&amp;callback=?",      function(jsonResult){         alert("Success!");     });   I've also tried adding the $.ajaxError but that didn't work either:  jQuery(document).ajaxError(function(event, request, settings){    alert("Error"); });   Thanks in advance for any replies!
60861
I have an AJAX button that should update form fields according to data already provided by user:   'ajax_button' =&gt; array(     '#type' =&gt; 'button',     '#value' =&gt; t("Scan for tags"),     '#ajax' =&gt; array(       'callback' =&gt; 'ajax_tag',       'wrapper' =&gt; 'dynamic-tags-fieldset',       'method' =&gt; 'replace',       'event' =&gt; 'click',       'prevent' =&gt; 'submit click mousedown',     ),   ),   It works, but only if form is valid. Of course I do not want to validate it just yet. I don't care if all fields are filled, I only need my form to be updated at this very moment. How can I make form api not to invoke hook_form_validate() and not test #required fields?