关于Ajax传多个参数的问题

最新推荐文章于 2024-07-30 09:22:36 发布

原创最新推荐文章于 2024-07-30 09:22:36 发布 · 1w 阅读

2 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

8 篇文章

订阅专栏

这篇博客探讨了使用Ajax进行页面局部更新时如何传递参数的问题。作者首先介绍了单个参数的简单写法，然后详细阐述了如何处理多个参数，特别是在数据data字段中采用键值对方式，并指出值必须包含在双引号内以避免更新失败的情况。

最近都要自学代码了，上学不好好上，现在只能自己动手丰衣足食了

最近碰到的是关于页面局部更新，直接贴代码吧！

首先讲一下传单个参数吧

单个比较简单，直接如下data写法就好

  //局部更新
        function up(ind){
            var url="/Spectaculars/Indexs?Ind="+ind;
            var data={type:1}; 
            $.ajax({
                type:"get",
                async:false,//同步请求
                url:url,
                data:data,
                timeout:1000,
                success:function (dates) {
                    $("#jumpUp").html(dates);

                },
                error:
                    function(){
                        alert("emmm...失败");
                    }
            });
        }

再者是多个参数

多个参数时，数据data的格式有如下变化

采用键值对的方式

data:{
Id:"@sepLst[0].Id",
tableName:"@sepLst[0].tableName",
},

值需要加上双引号？不知道为什么。。（笑哭）不加会在局部更新上跳转失败。

  function up(){

            var url="/Spectaculars/TableView?Id=@sepLst[0].Id&tableName=@sepLst[0].tableName";
            //alert(url);
            //var data={"Id":Id,"tableName":tableName};
            $.ajax({
                type:"get",
                async:false,//同步请求
                url:url,
                data:{
                    Id:"@sepLst[0].Id",
                    tableName:"@sepLst[0].tableName",
                },
                timeout:1000,
                //dataType:'json',//形式
                success:function (dates) {
                    $("#jumpUp").html(dates);

                },
                error:
                    function(){
                        alert("emmm...失败");
                    }

            });
           
        }