2013-11-26 3 views
0

Когда я нажимаю кнопку отправки, он должен вызывать запрос на сервер с входными данными и возвращает объект json. здесь я поразил, где написать успех? и как получить объект ответа?
и это правильный способ позвонить по почте на сервер? ублажатьбазовая форма submit?

мой JS файл:

(function($){ 
var Login = Backbone.Model.extend({ 
    url:'/login' 
    }); 

var ListView = Backbone.View.extend({ 
    el: $('body'), 
    events: { 
     'click input#btn_login': 'submit' 
    }, 
    initialize: function(){ 
     _.bindAll(this, 'submit'); // remember: every function that uses 'this' as the current object should be in here 

     }, 

    submit:function(e){ 
    e.preventDefault(); 
    var login=new Login(); 

    login.save({accesskey:$('#accesskey'),secretekey:$('#secretekey')}); 
    },  
    }); 

    var listView = new ListView(); 
})(jQuery); 

HTML файл:

<form class="form-signin" id="form_signin"> 
<table> 
    <tr>     
    <td><label>Accesskey:</label> 
    <input type="text" name='accesskey' id="accesskey" class="form-control" placeholder="A 
    ccess Key" required autofocus> 
     </td> 
     </tr> 
     <tr> 
     <td> 
     SecretKey:<input type="text" name='secretekey' id="secretekey" class="form-control" placeholder="Secret key" required autofocus> 
     </td> 
     </tr> 
     <tr> 
     <td> 
      <input class="btn" id="btn_login" type=submit name=submit> 
      </td> 
     </tr> 

    </table> 
</form> 

спасибо заранее.

ответ

0

Вы должны использовать функцию Ajax Jquery:

submit:function(e){ 
     e.preventDefault(); 
     var login=new Login(); 

     $.ajax({ 
       url: Login.Model.url, 
       data: config.data, 
       dataType: config.dataType, 
       type: config.type, 
       traditional: true, 
       success: function (response) { 
        if (response) 
         login.save({accesskey:$('#accesskey'),secretekey:$('#secretekey')}); 

       }, 
       error: function (response) { 

       } 
      }); 
    } 
+0

Я хочу сделать форму отправить в позвоночник, мой код работал с помощью вызова anax – Kishore

0

Это, вероятно, лучший вариант метода сервера

login.save({ 
    accesskey:$('#accesskey'), 
    secretekey:$('#secretekey') 
    }, { 
    success : function(model, response, options) { 
    }, 
    error : function(){model, xhr, options} { 
    } 
    }); 

Подложка должна вернуть статус OK HTTP для успеха и статуса ошибки для другого сценария ,

+0

Я пробовал это, но когда я нажимаю кнопку отправки, он вызывает запрос, – Kishore

Смежные вопросы