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()介绍

  • 相关阅读:
    【整理】PHP获取客户端真实IP地址详解
    配置百度编辑器变成纯代码编辑器
    Notepad++安装SVN插件
    【CodeBase】【转】php随机生成汉字
    【CodeBase】PHP打印所有用户自定义常量
    php5.3新垃圾回收机制详解
    php脚本cli 模式运行
    php 内存分配新
    php-fpm epoll封装
    火焰图定位dbproxy问题
  • 原文地址:https://www.cnblogs.com/tu-0718/p/8370925.html
Copyright © 2011-2022 走看看