javascript - 在查询中执行事件后出现意外的标识符

Question

大家好，我在使用 ID 在我的 jquery 中获取文本框输入时遇到问题。好的，这是我的代码。

<script type="text/javascript">

            var globalBase_Url = "{$base_url}"; //OK NO ERROR   
            var name = "";
            var desc = "";

            {literal}

                $(document).ready(function(){

                    $('#add_cat').on('click',function(){
                        $('#add_category').show('slide');
                    });

                    $('#submit').on('click',function(){

                        jquery.ajax({ 

                            var name = $('#category_name').val(); //this is the error
                            var desc = $('#description').val(); // this is the error

                        });

                    });

                });

            {/literal}


        </script>

....

<div id="add_category" style="display: none">
            <br />
            <table border="1">
                <tr>
                    <td>CATEGORY NAME: </td>
                    <td><input type="text" name="category_name" id="category_name" value="" /></td>
                </tr>
                <tr>
                    <td>DESCRIPTION: </td>
                    <td>
                        <textarea name="description" cols="30" rows="5" id="description"></textarea>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <input type="button" id="submit" value="ADD" />
                    </td>
                </tr>
            </table>
    </div>

正如你在上面看到的。我的错误是变量。我不知道为什么。请大家帮帮我，谢谢。

Answer 1

你可以这样做：

$('#submit').on('click', function () {

    // Put the variables outside the ajax call
    var name = $('#category_name').val(); 
    var desc = $('#description').val();

    // Check the values in alert method
    alert(name + ' : ' + desc);

    // Pass the variables to ajax call in the data option
    $.ajax({....});
});