Senden von serialisierten Daten plus zusätzliche Daten mit Ajax

Question

Ich versuche serialisierte Daten mit Ajax Post und einige zusätzliche Daten zu senden. Ich habe den folgenden Weg versucht:

Aber es zeigt nur Kontrollkästchen und Text, nicht Titel und Einleitung in der Antwort. Ich habe auch versucht, diese Methode:

$("#prw").on('click', function(e){ 

    var url = window.location.origin + "/newsletter/preview"; 

    var title = $('#title').val(); 
    var intro = $('#intro').val(); 
    var array = table.$('input[type="checkbox"], input[type="text"]').serializeArray(); 
    array.push({name: 'title', value: title}); 
    array.push({name: 'intro', value: intro});  

    $.ajax({ 
     type: "POST", 
     url: url, 
     data: array 
    }).done(function(data){ 
     console.log("Response", data); 
    }); 

    e.preventDefault(); 
}); 

Es funktioniert auch nicht. Diese URL geht an CodeIgniter-Controller:

function preview() { 
    $post = $this->input->post(); 
    print_r($_POST); 
    return $post; 
} 

Answer 1

Es ist viel leichter, ein Objekt zu erstellen:

var url = window.location.origin + "/newsletter/preview"; 
var data = { title: $('#title').val() , intro : $('#intro').val() }; 
// I don't know what you table is.. 
// if you tell me the plugin I can help sending that that either 

$.ajax({ 
    type: "POST", 
    url: url, 
    data: $.param(data) 
}).done(function(data){ 
    console.log("Response", data); 
}); 

Answer 2

Zunächst einmal beachten Sie, dass die Antwort kann variieren je nachdem, was der API-Endpunkt erwartet. Können Sie uns den Controller/die Methode zeigen, die Sie erreichen möchten?

Davon ausgehend würde ich vermuten, dass der Endpunkt ein JSON-Objekt erwartet (wahrscheinlich stringifiziert).

Mit diesen Annahmen, versuchen Sie Folgendes:

$("#prw").on('click', function(e){ 

var url = window.location.origin + "/newsletter/preview"; 

var title = $('#title').val(); 
var intro = $('#intro').val(); 
// That table reference is a bit unclear to me, is this a 3rd party library? 
var checkbox = false; // Grab your checkbox value here 
var inputVal = null; // Grab your input value here 

var data = { 
title: title, 
intro: intro, 
checkbox: checkbox, 
inputVal: inputVal 
}; 

$.ajax({ 
    type: "POST", 
    url: url, 
    data: JSON.stringify(data), 
    contentType: 'application/json' 
}).done(function(data){ 
    console.log("Response", data); 
}); 

e.preventDefault(); 

});