Kolejny ciekawy problem

Adrian Stolarski

Wypowiedzi autora zostały ukryte. Pokaż autora

Adrian Stolarski Founder and start-up
engineer

Temat: Kolejny ciekawy problem

Cześć, mam kolejny ciekawy problem. Mam taki kod:



$(document).ready(function(){

                $('#login').click(function(){

                    $('#signin_button').toggle("slide");

                    $('#signup_button').toggle("slide");

                    $('#forgot_button').toggle("slide");

                });

                $('#forgot_button').click(function(){

                    $('#forgot_form').toggle("slide");

                });

                $('#signin_button').click(function(){

                    $('#signin_form').toggle("slide");

                });

                $('#signup_button').click(function(){

                    $('#signup_form').toggle("slide");

                });

            });

           $('#forgot_submit').submit(function(event){

              $('#forgot_waiting').show(500);

              $('#forgotForm').hide(0);

              $('#forgot_message').hide(0);

              event.preventDefault();

              $.ajax({

                 type           :   'post',

                 url            :   'http://service.twonee.com/index.php?index&apikey=api&request=login&element=forgot',

                 data           :   $(this).serializeArray(),

                 dataType       :   'json',

                 async          :   true,

                 contentType    :   'application/json; charset=utf-8',

                 beforeSend     : function(){

                     alert.fadeOut();

                     submit.html('Sending ...');

                 },

                 success        :   function(data){

                     var result = jQuery.parseJSON(data);

                     alert.html(result.msg).fadeIn();

                     form.trigger('reset');

                     submit.html('Forgot password');

                 }

              }).done(function(data){

                  console.log(data);

                  if( data.error === true ){

                      $('#forgot_waiting').hide(500);

                      $('#forgot_message').removeClass().addClass('error').text('Something wrong .. Repeat please ...').show(500);

                      $('#forgot_form').show(500);

                      var json = $.parseJSON(data);

                      $('#message').html(json.msg);

                  }

                  else {

                      $('#forgot_waiting').hide(500);

                      $('#form_message').removeClass().addClass(

                              (data.error === true) ? 'error' : 'success')

                              .text(data.msg).show(500);

                      if(data.error === true){

                          $('#forgot_submit').show(500);

                      }

                      var json = $.parseJSON(data);

                      $('#message').html(json.msg);

                  }

              });

          });

              

           $('#signin_submit').submit(function(event){

              $('#signin_waiting').show(500);

              $('#signinForm').hide(0);

              $('#signin_message').hide(0);

              event.preventDefault();

              $.ajax({

                 type           :   'post',

                 url            :   'http://service.twonee.com/index.php?index&apikey=api&request=login&element=signin',

                 data           :   $(this).serializeArray(),

                 dataType       :   'json',

                 async          :   true,

                 contentType    :   'application/json; charset=utf-8',

                 beforeSend     : function(){

                     alert.fadeOut();

                     submit.html('Sending ...');

                 },

                 success        :   function(data){

                     alert.html(data).fadeIn();

                     form.trigger('reset');

                     submit.html('Signin this page!');

                 }

              }).done(function(data){

                  console.log(data);

                  if( data.error === true ){

                      $('#signin_waiting').hide(500);

                      $('#signin_message').removeClass().addClass('error').text('Something wrong .. Repeat please ...').show(500);

                      $('#signin_form').show(500);

                  }

                  else {

                      $('#signin_waiting').hide(500);

                      $('#signin_message').removeClass().addClass(

                              (data.error === true) ? 'error' : 'success')

                              .text(data.msg).show(500);

                      if(data.error === true){

                          $('#signin_submit').show(500);

                      }

                  }

              });

           $('#signup_submit').submit(function(event){

              $('#signup_waiting').show(500);

              $('#signupForm').hide(0);

              $('#signup_message').hide(0);

              event.preventDefault();

              $.ajax({

                 type           :   'post',

                 url            :   'http://service.twonee.com/index.php?index&apikey=api&request=login&element=signup',

                 data           :   $(this).serializeArray(),

                 dataType       :   'json',

                 async          :   true,

                 contentType    :   'application/json; charset=utf-8',

                 beforeSend     : function(){

                     alert.fadeOut();

                     submit.html('Sending ...');

                 },

                 success        :   function(data){

                     alert.html(data).fadeIn();

                     form.trigger('reset');

                     submit.html('Signup this page!');

                 }

              }).done(function(data){

                  console.log(data);

                  if( data.error === true ){

                      $('#signup_waiting').hide(500);

                      $('#signup_message').removeClass().addClass('error').text('Something wrong .. Repeat please ...').show(500);

                      $('#signup_form').show(500);

                  }

                  else {

                      $('#signup_waiting').hide(500);

                      $('#form_message').removeClass().addClass(

                              (data.error === true) ? 'error' : 'success')

                              .text(data.msg).show(500);

                      if(data.error === true){

                          $('#signup_submit').show(500);

                      }

                  }

              });

           });

        });

I taki piękny html:



<p><button id="login">Login actions</button></p>

            <div id="signin_button" style="display: none;"><button>Signin</button></div>

            <div id="signup_button" style="display: none;"><button>Signup</button></div>

            <div id="forgot_button" style="display: none;"><button>Forgot</button></div>

            <div id="forgot_form" style="display: none;">

                <?php

                require_once WEB_ROOT_FOLDER.'login/views/forgotform.php';

                ?>

            </div>

            <div id="signin_form" style="display: none;">

                <?php

                require_once WEB_ROOT_FOLDER.'login/views/signinform.php';

                ?>

            </div>

            <div id="signup_form" style="display: none;">

                <?php

                require_once WEB_ROOT_FOLDER.'login/views/signupform.php';

                ?>

            </div>

	</div>

    <div id="message"></div>

Problemy są dwa:
1) jak w message wyświetlać treść message?
2) jak zrobić, żeby strona się wogole nie przeładowywała?

Odpowiedź json webservice:



{"error":true,"msg":"Invalid to login! Proably not given any value!"}

Z góry dziękuję za pomoc

Link do wypowiedzi

Adrian Stolarski

Wypowiedzi autora zostały ukryte. Pokaż autora

Adrian Stolarski Founder and start-up
engineer

Temat: Kolejny ciekawy problem

Ten sam kod js, troszke wyczyszczony:



$(document).ready(function(){

                $('#login').click(function(){

                    $('#signin_button').toggle("slide");

                    $('#signup_button').toggle("slide");

                    $('#forgot_button').toggle("slide");

                });

                $('#forgot_button').click(function(){

                    $('#forgot_form').toggle("slide");

                });

                $('#signin_button').click(function(){

                    $('#signin_form').toggle("slide");

                });

                $('#signup_button').click(function(){

                    $('#signup_form').toggle("slide");

                });

            });

           $('#forgot_submit').submit(function(event){

              event.preventDefault();

              $.ajax({

                 type           :   'POST',

                 url            :   'http://service.twonee.com/index.php?index&apikey=api&request=login&element=forgot',

                 data           :   $(this).serializeArray(),

                 dataType       :   'jsonp',

                 async          :   true,

                 contentType    :   'application/json; charset=utf-8',

                 success        : function(response){

                    var json = $.parseJSON(response);

                    $('#message').html(json.msg);

                 },

                 error          : function(response){

                     $('#message').html('Something wrong ... Try again letter ...');

                 }

          });

              

           $('#signin_submit').submit(function(event){

              event.preventDefault();

              $.ajax({

                 type           :   'POST',

                 url            :   'http://service.twonee.com/index.php?index&apikey=api&request=login&element=signin',

                 data           :   $(this).serializeArray(),

                 dataType       :   'jsonp',

                 async          :   true,

                 contentType    :   'application/json; charset=utf-8',

                 success        : function(response){

                    var json = $.parseJSON(response);

                    $('#message').html(json.msg);

                 },

                 error          : function(response){

                     $('#message').html('Something wrong ... Try again letter ...');

                 }

            });

        });

           $('#signup_submit').submit(function(event){

              event.preventDefault();

              $.ajax({

                 type           :   'POST',

                 url            :   'http://service.twonee.com/index.php?index&apikey=api&request=login&element=signup',

                 data           :   $(this).serializeArray(),

                 dataType       :   'jsonp',

                 async          :   true,

                 contentType    :   'application/json; charset=utf-8',

                success        : function(response){

                    var json = $.parseJSON(response);

                    $('#message').html(json.msg);

                 },

                 error          : function(response){

                     $('#message').html('Something wrong ... Try again letter ...');

                 }

           });

        });

    });

Jak z tej odpowiedzi wyciagnac dane?
{"error":true,"msg":"Invalid to login! Proably not given any value!"}

Link do wypowiedzi

Adrian Głowacki Żołnierz, KPW
Świonoujście

Temat: Kolejny ciekawy problem

Sorry że sie wtrącam nie mam nic konstruktywnego do powiedzenia poza tym, że może zaczniesz nazywać tematy jakoś bardziej precyzyjnie a nie "Problem" czy "Kolejny ciekawy problem" taki tytuł nic nie wnosi a powoduje tylko bałagan. mogłeś to zatytułować np." Wyświetlenie json w div oraz przeładowanie strony."

Link do wypowiedzi

Kamil Mikołajczyk programista Java /
Grails

Temat: Kolejny ciekawy problem

@Adrian
to co dostajesz w succes: function(response) {} - ten obiekt response to już jest sparsowany json, więc możesz po prostu "response.msg"

Link do wypowiedzi

Adrian Stolarski

Wypowiedzi autora zostały ukryte. Pokaż autora

Adrian Stolarski Founder and start-up
engineer

Temat: Kolejny ciekawy problem

No ok. Wiec tak, powiedzmy, że wszystko już idzie jak należy, ale nie dochodzi tam gdzie powinno.
Teoretycznie powinno iść za pomocą post. Tablica post jet pusta. Kod wygląda tak:



$(document).ready(function(){

    var latitude = sessionStorage.getItem('latitude');

    var longitude = sessionStorage.getItem('longitude');

    $('#latitude').val(latitude);

    $('#longitude').val(longitude);

    $('#login').click(function(){

        $('#signin_button').toggle("slide");

        $('#signup_button').toggle("slide");

        $('#forgot_button').toggle("slide");

    });

    $('#forgot_button').click(function(){

        $('#forgot_form').toggle("slide");

    });

    $('#signin_button').click(function(){

        $('#signin_form').toggle("slide");

    });

    $('#signup_button').click(function(){

        $('#signup_form').toggle("slide");

    });

    $('#forgot_form').on('submit', function(e){

        e.preventDefault();  

        //var forgot_email = JSON.stringify($('#forgot_email').val());**/

        $.ajax({

            type: 'POST',

            url : 'http://dev.twonee.com/?loginservice=index&apikey=api&request=login&element=forgot',

            data: $(this).serializeArray(),

            dataType: 'json',

            async : false,

            contentType: 'application/json; charset=utf-8',

            success : function(response){

                console.log(response);

                //return false;

                alert(response.msg);

                //var json = $.parseJSON(response);

                $('#message').html(response.msg);

                e.preventDefault();

            },

            error : function(){

                $('#message').html('We  can\'t sent this request! Try again letter ...');

                e.preventDefault();

            }

        });

        e.preventDefault();

    });

    $('#signup_form').on('submit', function(e){

        e.preventDefault();

        var signup_email = $('#signup_email').val();

        var signup_password = $('#signup_password').val();

        var retype_signup_password = $('#signup_password_reytpe').val(); 

        $.ajax({

            type: 'POST',

            url : 'http://dev.twonee.com/?loginservice=index&apikey=api&request=login&element=signup',

            data: { 

                email : signup_email,

                password : signup_password,

                retype_password : signup_retype_password,

                latitude : sessionStorage.getItem(latitude),

                longitude: sessionStorage.get(longitude)

            },

            dataType: 'json',

            async : false,

            contentType: 'application/json; charset=utf-8',

            success : function(response){

                console.log(response);

                //return false;

                alert(response);

                //var json = $.parseJSON(response);

                $('#message').html(response.msg);

                e.preventDefault();

            },

            error : function(){

                $('#message').html('We  can\'t sent this request! Try again letter ...');

                e.preventDefault();

            }

        });

        e.preventDefault();

    });

    $('#signin_form').on('submit', function(e){

        e.preventDefault();  

        var signin_email = $('#signin_email').val();

        var signin_password = $('#signin_password').val();

        $.ajax({

            type: 'POST',

            url : 'http://dev.twonee.com/?loginservice=index&apikey=api&request=login&element=signin',

            data: { email : signin_email, password : signin_password },

            dataType: 'json',

            async : false,

            contentType: 'application/json; charset=utf-8',

            success : function(response){

                console.log(response);

                //return false;

                alert(response.msg);

                //var json = $.parseJSON(response);

                $('#message').html(response.msg);

                e.preventDefault();

            },

            error : function(){

                $('#message').html('We  can\'t sent this request! Try again letter ...');

                e.preventDefault();

            }

        });

        e.preventDefault();

    });

    

});

Jak przejść po stronie PHP do tych zmiennych?Ten post został edytowany przez Autora dnia 01.03.14 o godzinie 13:24

Link do wypowiedzi

Adrian Stolarski

Wypowiedzi autora zostały ukryte. Pokaż autora

Adrian Stolarski Founder and start-up
engineer

Temat: Kolejny ciekawy problem

Problem rozwiązany metodą prób i błędów

Link do wypowiedzi

Adrian Stolarski

Wypowiedzi autora zostały ukryte. Pokaż autora

Adrian Stolarski Founder and start-up
engineer

Temat: Kolejny ciekawy problem

Finalny kod, moze komuś się przyda:



$(document).ready(function(){

    var latitude = sessionStorage.getItem('latitude');

    var longitude = sessionStorage.getItem('longitude');

    $('#latitude').val(latitude);

    $('#longitude').val(longitude);

    $('#login').click(function(){

        $('#signin_button').toggle("slide");

        $('#signup_button').toggle("slide");

        $('#forgot_button').toggle("slide");

    });

    $('#forgot_button').click(function(){

        $('#forgot_form').toggle("slide");

    });

    $('#signin_button').click(function(){

        $('#signin_form').toggle("slide");

    });

    $('#signup_button').click(function(){

        $('#signup_form').toggle("slide");

    });

    $('#forgot_form').on('submit', function(e){

        e.preventDefault();  

        $.post(

                'http://dev.twonee.com/?loginservice=index&apikey=api&request=login&element=forgot',

                { 'email' : $('#forgot_email').val() },

                function(response, textStatus, jqXHR){

                    $('#message').html(response.msg);

                    e.preventDefault();

                }

        ).fail(

            function(jqXHR, textStatus, errorThrown){

                $('#message').html('We  can\'t sent this request! Try again letter ...');

                e.preventDefault();

            }

        );

        e.preventDefault();

    });

    $('#signup_form').on('submit', function(e){

        e.preventDefault();  

        $.post(

                'http://dev.twonee.com/?loginservice=index&apikey=api&request=login&element=signup',

                { 

                    'email' : $('#signup_email').val(),

                    'password' : $('#signup_password').val(),

                    'password_retype' : $('#signup_password_retyrpe').val(),

                    'latitude' : sessionStorage.getItem('latitude'),

                    'longitude' : sessionStorage.getItem('longitude')

                },

                function(response, textStatus, jqXHR){

                    $('#message').html(response.msg);

                    e.preventDefault();

                }

        ).fail(

            function(jqXHR, textStatus, errorThrown){

                $('#message').html('We  can\'t sent this request! Try again letter ...');

                e.preventDefault();

            }

        );

        

        e.preventDefault();

    });

    $('#signin_form').on('submit', function(e){

        e.preventDefault();  

        $.post(

                'http://dev.twonee.com/?loginservice=index&apikey=api&request=login&element=signin',

                { 

                    'email' : $('#signup_email').val(),

                    'password' : $('#signup_password').val()

                },

                function(response, textStatus, jqXHR){

                    $('#message').html(response.msg);

                    e.preventDefault();

                }

        ).fail(

            function(jqXHR, textStatus, errorThrown){

                $('#message').html('We  can\'t sent this request! Try again letter ...');

                e.preventDefault();

            }

        );

        e.preventDefault();

    });

    

});

W ile mozna opanować jQuery, js i ajaxa? 2 tygodnie maks - moj przypadek ;)

Link do wypowiedzi

konto usunięte

Temat: Kolejny ciekawy problem

W ile mozna opanować jQuery, js i ajaxa? 2 tygodnie maks - moj przypadek ;)

wiesz, łyknąć podstawy języka programowania i jakiejś biblioteki do tego stopnia, żeby pisać w tym proste programy można czasem w jeden dzień, ale jednak nie jest to chyba jeszcze opanowanie. JavaScript ma dużo dziwnych elementów (zasięg zmiennych, hoisting, domknięcia, dziedziczenie po prototypach etc.) i można się często przejechać na takim myśleniu...

Link do wypowiedzi

Adrian Stolarski

Wypowiedzi autora zostały ukryte. Pokaż autora

Adrian Stolarski Founder and start-up
engineer

Temat: Kolejny ciekawy problem

Wiem i się zgadzam z Tobą. jQuery wiele rzeczy ulatwia, bo jest prostsze, ale czasami trzeba napisać dużo zbednego kodu. Mam jeszcze jedno pytanie ale to będzie już nowy wątek.

Link do wypowiedzi

JavaScript

Czy na pewno chcesz zrezygnować z tej grupy?

Zgłoś nieprawidłowości w wypowiedzi

Kolejny ciekawy problem

Blokowanie użytkownika

Temat: Kolejny ciekawy problem

Temat: Kolejny ciekawy problem

Temat: Kolejny ciekawy problem

Temat: Kolejny ciekawy problem

Temat: Kolejny ciekawy problem

Temat: Kolejny ciekawy problem

Temat: Kolejny ciekawy problem

Temat: Kolejny ciekawy problem

Temat: Kolejny ciekawy problem

Podobne tematy

JavaScript » problem z thickbox pod ie6 -

JavaScript » siema mam problem -

JavaScript » Obserwuj Odpowiedz problem ze skryptem w simplemodal -

JavaScript » Problem z jQuery UI Datepicker -

JavaScript » Opera, problem z linkiem -

JavaScript » ie7 i problem z funkcja podmieniajaca znaki -

JavaScript » cufón i hover - problem zdjęcia hovera -

JavaScript » Problem z formułą form -

JavaScript » Problem z funkcja przeliczania kwot dopłata/netto/brutto... -

JavaScript » [JS] Problem ze zmieniającymi się zdjęciami -... -

problem z thickbox pod ie6

maly problem

Pytanie

Oferty pracy