在layui中使用ajax前后端交互失败

尝试一:

  • 1、最初使用layui 中的data.fileId的方式从前端传给后端
    在这里插入图片描述
  • 2、正常来说应该没问题,结果却提交失败
    在这里插入图片描述
  • 3、原因是:后端获取不到,打印结果如下,试了好久都不行,只好尝试别的方式
    在这里插入图片描述

尝试二:

  • 1、使用getElementById来获取数据
    在这里插入图片描述
  • 2、在页面添加对应的id
    在这里插入图片描述
  • 3、结果点击文本框直接跳转到未知页面
    在这里插入图片描述
    4、报错:
org.springframework.web.method.annotation.MethodArgumentTypeMismatchException: Failed to convert value of type 'java.lang.String' to required type 'java.lang.Long'; nested exception is java.lang.NumberFormatException: For input string: "undefined"

在这里插入图片描述

尝试三:

  • 1、使用getElementsByName来获取数据

注意:

  • getElementById是element单数,

  • document.getElementById(“remark”).value;

  • getElementsByName是elements复数。

  • document.getElementsByName(“remark”)[0].value;

在这里插入图片描述

  • 2、页面中删除 id,这里不删除还是会跳转,无法正常输入
    在这里插入图片描述
  • 3、添加成功
    在这里插入图片描述
  • 4、成功加载出来!
    在这里插入图片描述

最终结果:

请添加图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值