jquery获取文本框值并传递给控制器​​操作

时间:2016-06-23 13:17:50

标签: javascript php jquery cakephp

我有两个文本框。

当我在文本框中键入一些值并单击按钮然后我想在我的函数中回显此值。

我想获取文本框的值,并在按钮单击时使用javascript和ajax在我的控制器函数中传递它。

但是我的脚本无效并且没有显示任何值..

 <script>
    $(document).ready(function() {
        $("#subvessels").on('click', function() {
            var shipment_title = $("#shipment_title").val(); //textbox value 
            var shipment_point = $("#shipment_point").val(); //textbox value  
            if (shipment_point) {
                var dataString = 'shipment_title=' + shipment_title;
                var dataString = 'shipment_point=' + shipment_point;
                var values = $(this).serialize();
                ajaxRequest = $.ajax({
                    url: '<?php echo Router::url(array("controller" => "DispatchedJobs", "action" => "approxBudget")); ?>',
                    type: 'POST',
                    data: dataString,
                    dataType: "html",
                    beforeSend: function() {
                        $('.spinicon').show();
                    },
                    success: function(response) {
                        $("#vessels_table").html(response);
                    },
                    complete: function() {
                        $('.spinicon').hide();
                    }
                });
            }
        });
    });
</script>

//controller function
 public function approxBudget($shipment_point,$shipment_title)
    {
        echo $shipment_title;
        echo $shipment_point; exit();

    }

1 个答案:

答案 0 :(得分:0)

将参数作为对象提供给data。这就是你需要的一切。

$("#subvessels").on('click', function() {
    ajaxRequest = $.ajax({
        url: '<?php echo Router::url(array("controller" => "DispatchedJobs", "action" => "approxBudget")); ?>',
        type: 'POST',
        data: {
            shipment_title: $("#shipment_title").val(),
            shipment_point: $("#shipment_point").val()
        },
        dataType: "html",
        beforeSend: function() {
            $('.spinicon').show();
        },
        success: function(response) {
            $("#vessels_table").html(response);
        },
        complete: function() {
            $('.spinicon').hide();
        }
    });
});

在php中,您默认使用$_POST["shipment_title"]$_POST["shipment_point"]获取值。如果您使用框架,则可能有其他方法来访问这些值。但请求是正确的,如上所述。