如何使用 jquery modal 将表单值发布到控制器函数（codeigniter）？答案

【问题标题】：How to POST form values to controller function(codeigniter) using jquery modal?如何使用 jquery modal 将表单值发布到控制器函数（codeigniter）？
【发布时间】：2015-05-18 06:58:15
【问题描述】：

实际上，我正在尝试使用 jquery modal popup 将表单和 post 值提交到控制器函数。但它在 URL 中作为参数发送值。我需要发布值，因为值可能很大，可能导致“请求的 url 的长度超过容量”错误。那么，请帮助我如何做到这一点？

这是我的 js 函数。

function hierarchyManagementPrompt(){
 var width = 900;
 var height= 500;
 var resizablez=false;
 var address='top_menu/hierarchy_management_prompt/'; 

 var $form = $('#showBI'),
    $inputs = $form.find("input, select, button, textarea"),
    serializedData = $form.serialize();

           $.modal({
                    url: site_url+address,
                    data: serializedData,
                    title: 'Transfer Detail',
                    width:width,
                    resizable:resizablez,
                    height:height,
                    buttonsAlign : 'left',
                    buttons: {
                            '<img src="../resources/images/icons/fugue   /tick-circle.png">&nbsp;<span id="modelGoBtn">Back To Transfer</span>': function(win) {win.closeModal();}
                    }
                }); 
    warningMsg();}

【问题讨论】：

简单使用 jquery ajax 并在你的 js 中输入 post
感谢 Harigovind R 的回答，但我需要使用 $.modal 发布此表单
@user3744619 如果您在谈论 Jquery UI 模态，那么是的，您也可以为模态函数添加 Ajax 调用
这可能对你有一些帮助stackoverflow.com/questions/3837166/…
@vikram 如何为模态函数添加 ajax 调用？

标签： javascript php jquery codeigniter

【解决方案1】：

var form_data = {
         width : 900,
         height : 500,
         resizablez : false,
         address : 'top_menu/hierarchy_management_prompt/', 
         title: 'Transfer Detail',
         buttonsAlign : 'left',
};

ajax代码修改

$.modal({
     url: site_url+address,
     data: form_data,
     buttons: {
            '<img src="../resources/images/icons/fugue   /tick-circle.png">&nbsp;<span id="modelGoBtn">Back To Transfer</span>': function(win) {win.closeModal();}
                    }
                });

与数组参数传递等相同......通过ajax发送数据

【讨论】：