jQuery Formulaire AJAX ne pas envoyer

Question

Pourquoi ces données ne sont-elles pas envoyées à mon contrôleur? Aucun signe de jsonForm dans firebug. Pas d'alerte de succès.

JS

$('form').submit(function() { 

    var title = $('#title:input').val(); 

    alert(title); 

    var urlsStr = $("#links").val(); 
    var urls = urlsStr.match(/\bhttps?:\/\/[^\s]+/gi); 
    var formData = { 
    "title": title, 
    "urls": urls 
    } 
    var jsonForm = JSON.stringify(formData);     

    $.ajax({ 
    type: 'GET', 
    dataType: 'json', 
    cache: false, 
    data: { jsonForm: jsonForm }, 
    url: 'publishlinks/publish', 
    success: 
     function(response) { 
     alert('winrar'); 
     } 
    }) 
}) 

Contrôleur

function publish() { 

    $form = $this->input->get('jsonForm'); 

    echo json_decode($form); 

    $data = array(

    'movieid' => $this->input->post('id') 

); 

    $this->load->model('publish_model'); 
    $this->publish_model->add_record($data); 
    $this->load->model('NewsFeed_model'); 
    $feed['queryMovies'] = $this->NewsFeed_model->getPublications();   
    $this->load->view('news_feed_view', $feed);  

} 

Answer 1

Ne pas oublier des points-virgules. Ils peuvent être importants. Et, dataType dans la demande ajax se réfère aux données revenant de la demande pas les données envoyées par la demande.

Commencez par modifier votre ajax:

$('form').submit(function(e) { 
    e.preventDefault(); 

    var title = $('#title:input').val(); 

    alert(title); 

    var urlsStr = $("#links").val(); 
    var urls = urlsStr.match(/\bhttps?:\/\/[^\s]+/gi); 
    var formData = { 
     title: title, 
     urls: urls 
    };     

    $.ajax({ 
    type: 'GET', 
    cache: false, 
    data: formData, 
    url: 'publishlinks/publish', 
    success: 
     function(response) { 
     alert('winrar'); 
     } 
    }); 
}); 

Vos données seront jointe en chaîne de requête que votre contrôleur peut alors ramasser. De l'documentation:

L'option de données peut contenir une chaîne de requête de la forme clé1 = valeur1 & key2 = valeur2, ou une carte de la forme {key1: « valeur1 », key2: « valeur2 »}. Si le dernier formulaire est utilisé, les données sont converties en une chaîne de requête en utilisant jQuery.param() avant d'être envoyé.

Modifiez votre contrôleur pour récupérer les variables de chaîne de requête.

Voici un violon: http://jsfiddle.net/jensbits/2F4kN/

Answer 2

vous n'avez pas l'intention de faire: url: '/publishlinks/publish', avec un chemin relatif? vous pouvez également ajouter un rappel de défaut de la fonction ajax: http://api.jquery.com/jQuery.ajax/

Aussi, vous devriez vraiment ajouter un return false; ajouter à la fin de la fonction $('form').submit(function() { pour empêcher la forme d'être soumis comme « normale ».

Ou utilisez:

$('form').submit(function(e) 

e.preventDefault(); 
e.stopPropagtion();