ajax调用时参数传错报404

   代码如下: 
   		let optionsData2 = {
			getFromMoney:true,
			data:JSON.stringify({})
		}    	
		$.ajax({
				url :"/df/pay/jx/payaccredit/getPayVoucherForJXZC.do",
        		type : "GET",
				dataType : "json",
				async : true,
				data : optionsData2 ,
				success : function(datas) {
          console.log(datas)
          $this.planDataSource = datas.dataDetail;
				}
		});
		上面写法错误,data不应该是json;应该如下
		  let optionsData2 = {
			getFromMoney:true,
			data:JSON.stringify([{}])  -- **JSON.stringify([{}])把数组对象变为字符串,但没把json对象序列化,data属性应该为字符串,故上面错了**
		}
	


		$.ajax({
				url :"/df/pay/jx/payaccredit/getPayVoucherForJXZC.do",
        		type : "GET",
				dataType : "json",
				async : true,
				data : optionsData2 ,
				success : function(datas) {
          console.log(datas)
          $this.planDataSource = datas.dataDetail;
				}
		});

bug详细展示

实现Ajax提交数据进行请求,其中data属性设置传参的方法有好几种形式,如下:

//第一种写法(把参数拼接在URL中,data属性设为空{ })
    function getFormInfo(){
        var name='wen';
        var user='chen';
        $.ajax({
         url: "/login/authenticate?name="+name+"&user="+user,
         type: "POST",
         data:{},
         dataType: "json",
         success: function(data){
             
          },
          error:function(err){
            console.log(err.statusText);
            console.log('异常');
          }
        });
    }
//第二种写法(参数写成json数据形式)
    function getFormInfo(){
        $.ajax({
         url: "http://192.168.10.32:6833/login/authenticate",
         type: "POST",
         data:{
            name:'chem',
            user:'wen'
         },
         cache:false,
         dataType: "json",
         success: function(data){
             
          },
          error:function(err){
          }
        });
    }
 第三种写法(根据表单id属性,把表单封装数据,调用JQuery的serialize()方法序列化为字符串)
 前提是:发送请求的必须是一个form表单,而且表单内要做参数的标签必须具有name属性,因为name属性会被认为请求参数名
//代码如下
    function getFormInfo(){
        var params=$('#login').serialize(); //把id为login的form表单里的参数自动封装为参数传递
        console.log(params);
        $.ajax({
         url: "http://192.168.10.32:6833/login/authenticate",
         type: "POST",
         data:params,
         cache:false,
         dataType: "json",
         success: function(data){
             
          },
          error:function(err){
          }
        });
    }
//第四种写法(拼接data)
 

       function getFormInfo(){
            var name='chen';
            var user='wen';
            $.ajax({
             url: "http://192.168.10.32:6833/login/authenticate",
             type: "POST",
             data:'name='+name+'&user='+user,
             cache:false,
             dataType: "json",
             success: function(data){
                 
              },
              error:function(err){
              }
            });
        }

-还有几种形式:
 需要引入:<script type="text/javascript" src="serializeJSON.js"></script>
//第五种写法(表单序列化为json数据)
   

     function getFormInfo(){
            var params=$('#login').serializeJSON();
            console.log(params);
            $.ajax({
             url: "http://192.168.10.32:6833/login/authenticate",
             type: "POST",
             data:params,
             cache:false,
             dataType: "json",
             success: function(data){
                 
              },
              error:function(err){
              }
            });
        }

//第六种写法(既有全部直接获取表单中的数据又有单独出来的数据)

function getFormInfo(){
    var params=$('#login').serializeJSON();
    console.log(params);
    params.height='20';
    $.ajax({
     url: "http://192.168.10.32:6833/login/authenticate",
     type: "POST",
     data:params,
     cache:false,
     dataType: "json",
     success: function(data){
         
      },
      error:function(err){
      }
    });
}
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值