Опубликовать json данные после getJson в jquery

Question

У меня есть вопрос о том, как использовать GET и POST одновременно. Что я пытаюсь сделать, так это то, что перед сохранением формы я хочу проверить, что новое имя пользователя еще не существует.

{ “status”: “success”, “results” : [ { “id” : 1, “name” : “John Smith”, “password”: “123456” }, { “id”: 2, “name” : “Jane Doe”, “password”: “654321” } ] } 

Я хочу написать код, подтверждающий, что имя пользователя еще не существует до сохранения формы. Если имя пользователя существует, я хочу показать предупреждение в браузере. Если ошибок нет, я хочу отправить форму.

Вот что я получил до сих пор! Любая помощь будет принята с благодарностью!

$('form').submit(function(event) { 
var username = $('#user_name').val(); 

$.getJSON('user.json', function(data) { 

    var results = data.results; 
    var match = false; 

    $.each(results, function(i, result) { 
     if(result.name === username) { 
      match = true; 
     } 
    }); 

    if(!match) { 
     console.log("POST"); 
     // Submit the form! 


    } else { 
     alert("Username already exists!"); 
    } 

}); 

}); 

Есть ли лучший способ сделать это? даже без использования jQuery? что было бы вескими причинами для использования jQuery?

Answer 1

Проверьте приведенный ниже код, чтобы отправить данные в формате json.

if(!match) { 
     console.log("POST"); 

    $.ajax({ 
     cache: false, 
     url : ?, 
     type: "POST", 
     dataType : "json", 
     data : JSON.stringify(data), 
     context : Form, 
     success : function(callback){ 
      //Where $(this) => context == FORM 
      console.log(JSON.parse(callback)); 
      $(this).html("Success!"); 
     }, 
     error : function(){ 
      $(this).html("Error!"); 
     } 
    }); 
} 

удалить данные: JSON.stringify (data), incase вам не нужно.