zoukankan      html  css  js  c++  java
  • ajax data属性传值的方式总结

       在和后台同事对接口的时候,有一个小问题一直困扰着我。那就是用ajax请求后台接口数据,

      需要用data属性传值的时候,data属性传值的方式感觉没有统一用一种方式。

      后来仔细想想,其实哪种方式都可以,主要还是看你的个人习惯或者公司对这一块是否有明确的用法规定。

      以下是我把实际项目中看到的方式做了一个汇总——

    ①:属性加引号

    data: {"channelOrgCode":channelOrgCode}

    ②:属性也可以不加引号

    data: {channelOrgCode:channelOrgCode}

    ③:拼接数据(拼接数据就不用像上面包在{}里面了)

    data:"page="+page+"&size="+size+"&startDate="+startDate+"&endDate="+endDate

    ④:组装数据,然后赋值给一个变量,在用JSON.stringify()把js对象转化为json字符串

     var pList = [{id:productId,ptType:ptType,num:num}];
    $.ajax({
        url: "tdOrderController.do?addOrderItem",
        data: {
            pList: JSON.stringify(pList)
        },
        type: "post",
        dataType: "json",
        success: function(d) {
            if (!d.success) {
                mui.toast(d.msg);
                return false;
            } else {
                carNum();
            }
        }
    });

    ⑤:也可以把data赋值给一个变量,在用JSON.parse()将json字符串转化为一个js对象

    var dataTemp = {
        year: year,
        month: month,
        chooseNum: 1
    };
    
    $.ajax({
        url: "tdMonthlyPlanCTConfirmController.do?approveMonthlyPlan",
        type: 'post',
        data: dataTemp,
        dataTpye:"json",
        success: function(data) {
            var d = JSON.parse(data);
            if (d.success) {
                mui.toast(d.msg);
                centerSearch();
            } else {
                mui.toast(d.msg);
                return;
            }
        },
        error: function() {
            tip("客户端请求错误", 'error');
            return false;
        }
    });

    注:data不需要传值的时候,data:{},就可以了。也可以不写,但为了规范,最好还是写上

    附:JSON.parse()JSON.stringify()介绍

  • 相关阅读:
    美国州名来源
    SQL Constraint/Index
    英语中的 姓氏/Surname
    GNU glibc
    英语人名探源/字母升序排列
    About 'atoi'
    封装一个类似jquery的ajax方法
    函数柯里化
    AngularJS实现TodoMVC
    webpack简单使用
  • 原文地址:https://www.cnblogs.com/tu-0718/p/8370925.html
Copyright © 2011-2022 走看看