請求URI太大需要使用序列化與後

Question

你可以看到我試圖解決該站點niors.com

後，我點擊生成比一旦得到錯誤的更多（請求URI太大）

這裏是JavaScript使用

function generate_clicked() 
{ 
    var formData = $('#form').serialize(); 
    var url='process.php?'; 
    url+=formData; 


    $.ajax({ 
     url: url, 
     beforeSend: function (xhr) { 
     xhr.overrideMimeType("application/json; charset=x-user-defined"); 
     } 
    }).done(function (data) { 
     try{ 
      $('#preview').val(data.css); 
      $('#my_iframe').srcdoc = data1; 
      } 
     catch(err) 
     { 
      console.log(err); 
     } 
     document.getElementById("my_iframe").src = data.live_preview_html_page; 
    }); 

} 

我怎樣才能改變這種狀況，使其POST而不是使用GET，我認爲是造成問題的原因？

我將不得不改變這些張貼到正確的？

$text_color = $_REQUEST['text_color']; 
$link_color = $_REQUEST['link_color']; 
$link_hover_color = $_REQUEST['link_hover_color']; 
$title_color = $_REQUEST['title_color']; 

我也有這個在process.php

header("Cache-Control: no-cache"); 
header('Content-type: application/json'); 

$returnJSONObject = array(); 
$returnJSONObject['status'] = false; 
$returnJSONObject['message'] = null; 

Answer 1

你的Ajax調用更改爲POST和表單數據添加到POST有效載荷：

$.ajax({ 
    url: url, 
    method: 'POST', // specifying POST 
    data: formData, // adding data 
    beforeSend: function (xhr) { 
    xhr.overrideMimeType("application/json; charset=x-user-defined"); 
    } 
})