シリアル化されたデータとAjaxによる追加データの送信

Question

ajaxポストといくつかの追加データを使用してシリアル化されたデータを送信しようとしています。私は次の方法で試しました：

$("#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"]').serialize() + "&title=" + title + "&intro=" + intro; 

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

    e.preventDefault(); 
}); 

しかし、それはチェックボックスとテキストのみを表示し、タイトルとイントロは応答に表示されません。

$("#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(); 
}); 

それはどちらか動作しません： 私はまた、この方法を試してみました。このURLはCodeIgniterのコントローラに行く：

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

Answer 1

これは、オブジェクトを作成するためにはるかに簡単です：すべての

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

まず、答えはAPIエンドポイントを期待しているものに応じて異なる場合があることに注意してください。あなたが到達しようとしているコントローラー/方法を私たちに見せてもらえますか？

私は、エンドポイントがJSONオブジェクト（おそらくストリング化されている）を期待していると思います。これらの仮定で

、以下を試してみてください。

$("#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(); 

}）;