javascript - yii，ajax，javascript不调用操作

我正在尝试将数据发布到yii中的ajax动作。目前，我正在对操作中的正确和错误进行硬编码，以查看我是否甚至在发布数据，而且还没有到达。
我似乎无法弄清楚哪里出了问题。任何信息都会有所帮助，谢谢

JS / AJAX如下：

    function printObject(o) {  // alerts an object
        var out = '';
        for (var p in o) {
            out += p + ': ' + o[p] + '\n';
        }
        alert(out);
    }

    $(function() {
        var dialog, form,
            //select ticket_code, I don't know if this is working properly
            ticket_code = $( "#ticket_code"),
            allFields = $( [] ).add( ticket_code ),
                tips = $( ".validateTips" );

        function addTicket() {
            var valid = false;
            //alert ticket_code (however, it only alerts a long error message)
            //saying that the length is 1, but not sure if that is correct
            //see link at the end for error message.
            printObject(ticket_code);
            $.ajax({
                type: "POST",
                url: '<?php echo Yii::app()->createUrl('ticket/addTicket'); ?>',
                data: {ticket_code : ticket_code},
                success: function(){
                    alert('got here');
                    valid = true;
                }
            });
            alert("after ajax");
            if ( valid ) {
                dialog.dialog( "close" );
                alert('yay');
            }
        }

下面的actionAddTicket：

public function actionAddTicket(){
    if(isset($_POST['ticket_code'])){
        return true;
    }
    return false;
}

下面的表格视图：

<div id="dialog-form" title="Add a Ticket">
<p class="validateTips">Please Enter Ticket Number</p>
<form>
    <fieldset>
        <label for="ticket_code">Ticket Code #</label>
        <input type="text" name="ticket_code" id="ticket_code" placeholder="000-0000" class="text ui-widget-content ui-corner-all" title="You can find this on the bottom right hand side of your ticket">
        <img src="/images/faq-ticket-codes.png" width="150";/>
        <input type="submit" tabindex="-1" style="position:absolute; top:-1000px">
    </fieldset>
</form>

最佳答案

该问题似乎是由两件事引起的：


AJAX请求是异步的，这意味着紧随$.ajax调用之后的JavaScript行在AJAX请求返回之前或很有可能会执行。这成为比赛条件。
ticket_code = $( "#ticket_code")行是一个jQuery对象。然后，将其作为jQuery尝试序列化为字符串的请求ticket_code中的data属性传递。 jQuery认为ticket_code实际上是一个jQuery对象时，它是一个HTMLInputElement（例如<input type="text">），因此无法将它序列化为字符串。


在AJAX请求返回浏览器之后，您想要执行的任何操作都应在success回调中完成。其次，创建数据以在请求中传递时，您需要使用ticket_code.val()：

function addTicket() {
    var valid = false;

    $.ajax({
        type: "POST",
        url: '<?php echo Yii::app()->createUrl('ticket/addTicket'); ?>',
        data: {ticket_code : ticket_code.val()},
        success: function(){
            // ticket_code is valid
            dialog.dialog( "close" );
        }
    });
}

关于javascript - yii，ajax，javascript不调用操作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25044974/