Question

我正在研究Ajax。我想要做的是在链接点击后调用带参数的函数并通过Ajax请求发布它。这是我的代码：

<a onclick="getCategory(4)";>abc</a>
<script>
   function getCategory(cat_id)
    {
        $.ajax({
            var data = {cat_id : cat_id},
            type:'POST',
            url: '<?php echo site_url('admin/category')?>';
        });
    }
</script>

当然它不起作用。有人可以解释我的错误以及我的ajax请求是如何工作的。

Answer 1

更改

<a onclick="getCategory(4)";>abc</a>
    <script>
       function getCategory(cat_id)
        {
            $.ajax({
                var data = {cat_id : cat_id},
                type:'POST',
                url: '<?php echo site_url('admin/category')?>';
            });
        }
    </script>

到

<a onclick="getCategory(4)";>abc</a>
        <script>
           function getCategory(cat_id)
            {
                console.log(cat_id) //testing purposes.. 
                $.ajax({
                    data:{cat_id : cat_id},
                    type:'POST',
                    url: '<?php echo site_url('admin/category')?>';
                });
            }
        </script>

Answer 2

用以下代码替换您的代码：

$.ajax({
    data: {cat_id : cat_id},
    type:'POST',
    url: '<?php echo site_url('admin/category')?>'
});

Answer 3

你在这里遇到错误：

$.ajax({
           //  here var data = 
            var data = {cat_id : cat_id},                   

            //  here ;
            url: '<?php echo site_url('admin/category')?>';

应该是

 $.ajax({
          data : {cat_id : cat_id},

          url: '<?php echo site_url('admin/category')?>'

您可以像下面这样更正：

function getCategory(cat_id) {
  $.ajax({
    data: {
      cat_id: cat_id
    },
    type: 'POST',
    url: '<?php echo site_url('admin/category')?>',
    success: function(response) {
      console.log(response);
    }
  });
}

链接单击参数后的Ajax请求

3 个答案: