jq ajax传参的两种方式

最新推荐文章于 2023-12-19 08:00:00 发布

weixin_33971977

最新推荐文章于 2023-12-19 08:00:00 发布

阅读量445

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhumingzhenhao/p/8335033.html

本文介绍了使用AJAX进行数据请求时的两种常见传参方式：通过URL拼接参数和通过data属性传递参数。详细展示了如何用jQuery实现这两种方法，并解释了各自的适用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一种在url ? 后通过拼接传参第二种通过data传参

(1)第一种方法：（通过url传参）

function GetQuery(id) {
     if (id ==1||id==7) {
         var name = "语文";
         $.ajax({
             url:"../ajaxHandler/ChartsHandler.ashx?id="+id+"&name="+name +"",
             type: "get",
             success: function (returnValue) {
                 $("#cId").val(returnValue);
             },
             error: function (returnValue) {
                 alert("对不起！数据加载失败！");
             }
         })
     }
}

(2)第二种方法：（通过data传参）

function GetQuery(id) {
     if (id ==1||id==7) {
         var name = "语文";
         $.ajax({
             url:"../ajaxHandler/ChartsHandler.ashx",
             type: "get",
             //获取某个文本框的值
             //data: "id=" + id + "&name=" + $("#name").val(),
             data: "id=" + id + "&name=" + name,
            // 或者(注意：若参数为中文时，以下这种传参不会造成后台接收到的是乱码)
             //data: {
             //    "id": id,
             //    "name": name
             //},
             success: function (returnValue) {
                 $("#cId").val(returnValue);
             },
             error: function (returnValue) {
                 alert("对不起！数据加载失败！");
             }
         })
     }
}