You need to add "return false" to your submit handler.
$('form').submit(function() {
// do ajaxy stuff
return false;
});
On May 15, 2:25 am, Nahaz <pierre.christoffer...@gmail.com> wrote:
> I can check that, but as I said before, it works perfectly fine on my
> local webserver, it's when the script is run on my webhost the issue
> occurs. The database seems to be very slow there at the moment.
>
> Ill check with firebug and post the results here.
>
> On May 14, 9:00 pm, James <james.gp....@gmail.com> wrote:
>
> > Sorry, I mean "all HTTP header data".
>
> > On May 14, 9:00 am, James <james.gp....@gmail.com> wrote:
>
> > > Have you tried using the Firebug add-on for Firefox to debug whether
> > > the AJAX request was actually sent in the first place?
> > > It's very helpful because it'll show you the exact URL that it
> > > requests, the GET/POST data it sends, all HTTP data, and the response
> > > you receive.
>
> > > On May 13, 8:21 pm, Nahaz <pierre.christoffer...@gmail.com> wrote:
>
> > > > Ah sorry about that.
>
> > > > It doesn't cause an error, it looks like it sends data because ?
> > > > nick=nick appears in your url but it does not get into the database
> > > > somehow. If you call /data.php?nick=nick it will work, it's when it's
> > > > called via $.ajax(); that the issue occurs. I havn't confirmed but it
> > > > seems to occasionally work in IE7 but not FF or Chrome.
>
> > > > I also tried to add "cache: false" and my own random generator to the
> > > > url but it won't get posted to the url, only the "?nick=nick" comes
> > > > up.
>
> > > > I will fix public access after work so you can see the problem in
> > > > action.
>
> > > > On May 13, 8:01 pm, James <james.gp....@gmail.com> wrote:
>
> > > > > Define what "not working correctly" means.
> > > > > Does it cause an error? Does the request get sent but nothing happens?
> > > > > Does the request get sent without the GET data? ... etc.
>
> > > > > On May 12, 12:00 pm, Nahaz <pierre.christoffer...@gmail.com> wrote:
>
> > > > > > I have this snippet:
>
> > > > > > function ajaxAdd() {
> > > > > > $('form').submit(function() {
> > > > > > var nick =
> > > > > > document.register.nick.value;
> > > > > > $(':submit', this).attr('value',
> > > > > > 'Adding...');
> > > > > > $(':submit',
> > > > > > this).attr('disabled', 'disabled');
> > > > > > $.ajax({
> > > > > > type: 'GET',
> > > > > > url: 'data.php',
> > > > > > data: 'nick=' +
> > > > > > nick,
> > > > > > success:
> > > > > > function() {
> > > > > >
> > > > > > $(':submit', this).removeAttr('disabled');
> > > > > >
> > > > > > $('#status').load('output.php');
> > > > > > }
> > > > > > });
> > > > > > });
>
> > > > > > }
>
> > > > > > that is sent when a very simple form (one value and button) is sent.
> > > > > > The thing is, it works on my local webserver, but when I upload it
> > > > > > to
> > > > > > my webhost, it wont work. It works if add data.php?nick=Test, then
> > > > > > the
> > > > > > data will be added into my database but not when called from
> > > > > > .ajax.- Hide quoted text -
>
> > > > > - Show quoted text -- Hide quoted text -
>
> > - Show quoted text -
>
>
